Html5添加SVG生成圖案花紋背景樣式的js插件教程

1、使用方法
因爲Textures.js是基於d3.js的，因此必須引入d3.js文件，同時引入textures.min.js文件。
<script src="js/d3.min.js" charset="utf-8"></script>
<script src="js/textures.min.js" charset="utf-8"></script>   

2、Html結構
該SVG圖案花紋背景的HTML結構很是簡單，使用一個空的div元素便可。
<div id="example"></div>

3、JavaScript
屬性選擇要製做圖案背景的元素，並經過attr屬性來設置它的寬度和高度：
var svg = d3.select("#example").append("svg").attr('width', 140).attr('height', 140);               

而後選擇一種圖案花紋背景，保存在一個變量中。
var t = textures.lines().thicker();                

接下來就能夠經過前面的svg對象來調用該圖案了。
svg.call(t);
svg.append("path").attr("d", "M 0 0 L 0 140 L 140 140 L 140 0 Z").style("fill", t.url());     

Keymob移動端廣告平臺旨在爲開發者提供一個簡單強大的廣告管理工具。因此他的接口設計的極其精緻，一個核心單例，完成全部功能；管理系統平臺按關注度精細劃分。