EaselJS有什么作用

本篇内容主要讲解“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有什么作用”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！