Canvas

GeoPattern

根据字符串哈希自动生成几何背景图,适合按内容展示差异化背景的场景。

简介

GeoPattern 可根据任意字符串哈希生成几何背景图,适合按用户名、标题等内容动态展示差异化背景。

特征

  • 根据字符串生成不同背景图
  • 体积小巧,配置简单
  • 可输出 SVG / Base64 / Data URL

背景色:hsl(213 28% 18%)

安装

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,...")

相关链接

← 返回常用特效