GeoPattern 动态生成背景图

GeoPattern 是款自动生成背景图的插件，不需要依赖任何第三方库即可运行，根据字符不同生成不同的背景图片，适用于那些根据内容展示不同背景图的场景。

特征：

• 根据字符生成不同的背景图。
• 体积小巧。
• 易于实现，配置简单。

效果预览：Demo

安装：

                        
    # use npm
    npm install geopattern
                        
                    

使用：

                        
    <script src="geopattern.min.js"></script>
                        
                        
    var GeoPattern = require('geopattern');
    var pattern = GeoPattern.generate('GitHub');
    pattern.toDataUrl(); 
                        
                    

将 pattern.toDataUrl(); 以背景图的形式放到你需要的位置就好。

API

GeoPattern.generate(string, options)

• string：使用SHA1算法进行哈希处理，并将生成的哈希值用作生成背景。
• options.color：指定背景颜色，十六进制颜色值。
• options.baseColor：控制所生成图像的相对背景色，十六进制颜色值，默认值 #933c3c。
• options.generator：图案？

Pattern.color

• 获取生成的图案的背景色，返回十六进制颜色值。

Pattern.toString()

Pattern.toSvg()

获取 SVG 数据。

                        
    Pattern.toString();

    Pattern.toSvg();
                        
                    

Pattern.toBase64()

获取 base64 数据。

                        
    Pattern.toBase64();
                        
                    

Pattern.toDataUri()

获取 base64 数据，含图片头 data:image/svg+xml;base64,PHN2ZyB...

                        
    Pattern.toDataUri();
                        
                    

Pattern.toDataUrl()

获取 base64 数据 background-image，即 url("data:image/svg+xml;base64,PHN2ZyB...")。与上面区别在于多了url("")

                        
    Pattern.toDataUrl();
                        
                    

下载：

官网地址：gitHub

本地下载：geopattern.min.js