easeljs(EaselJS有什么作用)

　　EaselJS是一個JavaScript庫,用來簡單快捷的操作HTML5Canvas標簽。在創建H5游戲,生成藝術作品、處理其他高級圖形化等工作中有著很友好的體驗。它由一個完整的,分層的顯示列表,一個核心的交互模型,和輔助類,使工作與畫布更容易。

　　EaselJS中的一些核心類

　　StageClass--創建舞臺

　　TextClass--繪制文字

　　GraphicsClass--繪制圖形

　　ShapeClass--繪制圖形

　　BitmapClass--繪制圖片

　　TickerClass--定時廣播

　　......等

　　EaselJS一些例子

　　繪制文本(TextClass)

　　定義一個<canvas></canvas>畫布。

　　//HTML:

　　<!--TextClass文本類-->

　　<canvasid="demo1"width="650"height="400"></canvas>

　　調用EaselJS提供的API-newcreatejs.Text(),繪制文字

　　//JS

　　<script>

　　window.onload=()=>{

　　/**

　　*TestClass文本類--demo

　　*/

　　letstage1=newcreatejs.Stage("demo1");

　　lettext1=newcreatejs.Text("Text1!","bold26pxArial","#ff7700");

　　text1.regX=-50;//沿X軸負方向的偏移量

　　text1.regY=-50;//沿Y軸負方向的偏移量

　　text1.x=100;//繪制源點X坐標

　　text1.y=50;//繪制源點Y坐標

　　lettext2=newcreatejs.Text("旋轉+XY拉伸!","bold18pxArial","#ff7700");

　　text2.x=50;

　　text2.y=50;

　　text2.rotation=50;//旋轉角度DEG

　　text2.scaleX=3;//X軸放大(拉伸)

到此,相信大家對“EaselJS有什么作用”有了更深的了解,不妨來實際操作一番吧!這里是本站網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!