网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是是一个纯JavaScript库,根据SVG、Canvas或PNG从三角形生成彩色多边形(几何)图案背景特效插件。
1.在html页面中加载插件文件。
<script src="trianglify.min.js"></script>
2.插件初始化。
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
})
3.将多边形图案附加到元素。
// as Canvas
document.body.appendChild(pattern.canvas())
// as SVG
document.body.appendChild(pattern.svg())
// as PNG
document.body.appendChild(pattern.png())
转载请注明来源:js彩色渐变动画多边形(几何)图案背景特效
本文永久链接地址:https://www.moyouyouw.cn/code/818.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论