EaselJS有什么作用
本篇内容主要讲解"EaselJS有什么作用",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"EaselJS有什么作用"吧!
EaselJS是一个JavaScript库,用来简单快捷的操作HTML5Canvas标签。在创建H5游戏,生成艺术作品、处理其他高级图形化等工作中有着很友好的体验。它由一个完整的,分层的显示列表,一个核心的交互模型,和辅助类,使工作与画布更容易。
EaselJS中的一些核心类
StageClass--创建舞台
TextClass--绘制文字
GraphicsClass--绘制图形
ShapeClass--绘制图形
BitmapClass--绘制图片
TickerClass--定时广播
......等
EaselJS一些例子
绘制文本(TextClass)
定义一个画布。
//HTML:
调用EaselJS提供的API-newcreatejs.Text(),绘制文字
//JS
_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有什么作用"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!