温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

EaselJS有什么作用

发布时间:2021-11-12 15:37:57 来源:亿速云 阅读:132 作者:iii 栏目:开发技术

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI