其他代码
Trianglify 多边形渐变网格背景插件
PetitQ
trianglify 是一款 js 多边形渐变网格背景插件。该插件可以生成基于 CANVAS、SVG 或 PNG 图片的多边形网格背景。
使用方法
在页面中直接引入。
也想出现在这里？联系我们吧
<script src="./dist/trianglify.min.js"></script>
初始化插件
使用下面的代码生成一个基本的多边形网格背景。
var pattern = Trianglify({
width: 600,
height: 400,
cell_size: 75,
variance: 0.75,
seed: null,
x_colors: 'random',
y_colors: 'match_x',
palette: colorbrewer,
color_space: 'lab',
color_function: null,
stroke_width: 1.51,
points: undefined
})
// as Canvasdocument.body.appendChild(pattern.canvas())
// as SVGdocument.body.appendChild(pattern.svg())
// as PNGdocument.body.appendChild(pattern.png())
配置参数
width：pattern 的宽度。height：pattern 的高度。cell_size：随机单元格的尺寸。variance：网格的随机数。seed：RNG 的种子。x_colors：X color stopsy_colors：Y color stopspalette：“随机”颜色选项的调色板。color_space：用于渐变构造和插值的颜色空间。color_function：返回颜色规格的颜色函数 f（x，y），该颜色规格可由 chroma-js 控制。stroke_width：描边的宽度。points：一组[x，y]坐标为三角形。默认为未定义，并生成点。
Github 网址：https://github.com/qrohlf/trianglify
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
