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轴放大(拉伸)
下一篇:web前端开发是什么