Canvas
GeoPattern
根据字符串哈希自动生成几何背景图,适合按内容展示差异化背景的场景。
简介
GeoPattern 可根据任意字符串哈希生成几何背景图,适合按用户名、标题等内容动态展示差异化背景。
特征
- 根据字符串生成不同背景图
- 体积小巧,配置简单
- 可输出 SVG / Base64 / Data URL
安装
npm install geopattern使用
const GeoPattern = require("geopattern");
const pattern = GeoPattern.generate("GitHub");
element.style.backgroundImage = pattern.toDataUrl();常用 API
GeoPattern.generate(string, options)
pattern.color
pattern.toSvg()
pattern.toBase64()
pattern.toDataUri()
pattern.toDataUrl() // url("data:image/svg+xml;base64,...")