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