本篇内容主要讲解“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有什么作用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。