EaselJS有什么作用

本篇內(nèi)容主要講解“EaselJS有什么作用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“EaselJS有什么作用”吧!

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

　　EaselJS中的一些核心類

　　StageClass--創(chuàng)建舞臺(tái)

　　TextClass--繪制文字

　　GraphicsClass--繪制圖形

　　ShapeClass--繪制圖形

　　BitmapClass--繪制圖片

　　TickerClass--定時(shí)廣播

　　......等

　　EaselJS一些例子

　　繪制文本(TextClass)

　　定義一個(gè)<canvas></canvas>畫布。

　　//HTML:

　　<!--TextClass文本類-->

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

　　調(diào)用EaselJS提供的API-newcreatejs.Text()，繪制文字

　　//JS

　　<script>

　　window.onload=()=>{

　　/**

　　*TestClass文本類--demo

　　*/

　　letstage1=newcreatejs.Stage("demo1");

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

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

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

　　text1.x=100;//繪制源點(diǎn)X坐標(biāo)

　　text1.y=50;//繪制源點(diǎn)Y坐標(biāo)

　　lettext2=newcreatejs.Text("旋轉(zhuǎn)+XY拉伸！","bold18pxArial","#ff7700");

　　text2.x=50;

　　text2.y=50;

　　text2.rotation=50;//旋轉(zhuǎn)角度DEG

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

到此，相信大家對(duì)“EaselJS有什么作用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！