簡介sprite.js 是跨平臺的2D繪圖對象模型庫，它能夠支持web、node、桌面應用和微信小程序的圖形繪制和實現各種動畫效果，它是由360奇舞團開發(fā)的。  官網截圖 官方地址和碼云
Sprite.js的特點
安裝安裝方式很常規(guī)，提供三種方式
注意：因為sprite.js是跨平臺的，所以可以在node環(huán)境下跑，但是需要提前安裝好node-canvas
Linux服務器可能需要安裝的（然后在安裝node-canvas）
如果你在小程序中使用，你可以直接下載打包好的小程序版本，或者從項目源碼編（到官網查看詳情） spritejs架構spritejs提供四類基礎精靈元素、圖層管理和負責協調多個圖層的場景（Scene），類此外提供一些簡單的輔助工具。  架構 基本用法 以下是一個來自官網的最基礎的例子，還有很多實例 const {Scene, Sprite} = spritejsconst scene = new Scene('#demo-quickStart', {viewport: ['auto', 'auto'], resolution: [3080, 800]})const layer = scene.layer()const robot = new Sprite('https://p5.ssl./t01c33383c0e168c3c4.png')robot.attr({ anchor: [0, 0.5], pos: [0, 0],})robot.animate([ {pos: [0, 0]}, {pos: [0, 300]}, {pos: [2700, 300]}, {pos: [2700, 0]},], { duration: 5000, iterations: Infinity, direction: 'alternate',})layer.append(robot) 結果如下圖是一個移動的機器人（官網實例可在線運行）  在線運行的實例
 基礎用法  高級用法 具體內容參考官網文檔，文檔非常詳細 總結本文介紹的是sprite，類似的還有Annie2x和CreateJS，可以根據需要選擇一個適合自身項目需求的，比自己單獨從最底層開始寫要快得多，希望對你有所幫助，感謝支持 |
|
|
