web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
背景
可生成多彩三角形网格SVG背景的js插件
分类：
背景
日期：
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
Trianglify背景图像插件依赖于d3.js，要使用该背景图像插件首先要在页面中引入d3.js和trianglify.js。 ```html <script src="http://d3js.org/d3.v3.min.js"></script> <script src="trianglify.js"></script> ``` 然后你可以创建一个新的Trianglify实例对象，并用它来生成各种背景图像模式： ```html var t = new Trianglify(); var pattern = t.generate(800, 600); // svg width, height pattern.svg // SVG DOM Node object pattern.svgString // String representation of the svg element pattern.base64 // Base64 representation of the svg element pattern.dataUri // data-uri string pattern.dataUrl // data-uri string wrapped in url() for use in css pattern.append() // append pattern to . Useful for testing. ``` 例如，要为body生成一个背景图像，并且通过内联CSS来应用它： ```html var t = new Trianglify(); var pattern = t.generate(document.body.clientWidth, document.body.clientHeight); document.body.setAttribute('style', 'background-image: '+pattern.dataUrl); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
