建站
咨詢
售后
建站咨詢
新聞中心
SpriteJS 是一款由 360 奇舞團開源的跨終端 canvas 繪圖庫，可以基于 canvas 快速繪制結(jié)構(gòu)化 UI 、動畫和交互效果，并發(fā)布到任何擁有 canvas 環(huán)境的平臺上（比如瀏覽器、小程序和 node ）
成都網(wǎng)站制作、網(wǎng)站設計,成都做網(wǎng)站公司-成都創(chuàng)新互聯(lián)公司已向1000多家企業(yè)提供了,網(wǎng)站設計,網(wǎng)站制作,網(wǎng)絡營銷等服務!設計與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗,合理的價格為您打造企業(yè)品質(zhì)網(wǎng)站。
使用
sprite.js 的使用十分簡單，就像普通的圖形庫一樣，以官方的 quick start 為例：
"container">
先導入 sprite.js，然后聲明一張畫布，將其與 id 為 container 的容器綁定，并規(guī)定 400*400 的大小。
然后，聲明一個精靈對象，從 imgUrl 加載圖片設置紋理，其后設置其屬性，這些屬性名簡單易懂，便不贅述了，值得注意的是，sprite 具有圖層功能，所以在添加精靈到畫布上時，還需要指出圖層。
運行的結(jié)果如下：
就是在頁面左上角顯示了一張圖片。
注：該項目有中文文檔，感興趣的不妨前去一看。
項目相關(guān)
sprite.js 目前可與 31 款已通過庫或其他工具一起使用，下面介紹三種：
1.d3.js（一個用來做數(shù)據(jù)可視化的 JavaScript 的函數(shù)庫）
sprite.js 與 d3.js 兼容，可以做出條狀圖，分層，地圖和強制鏈接
2.Proton（一個輕量級但是強大的JavaScript小引擎）
sprite.js可以和Proton一起做出火焰特效，小的背景和其他你想自定義的東西
3.Matter-js (一個 JavaScript 2D 剛體物理引擎。)
可以做出不同的形狀的物體，并一起出現(xiàn)
分享文章：跨平臺canvas繪圖框架SpriteJS
URL網(wǎng)址：http://www.dlmjj.cn/article/dpedgdp.html
