easeljs（入门easeljs – 从视觉效果到动画的实现）

入门easeljs – 从视觉效果到动画的实现

立体图形和动画效果在各种网站和多媒体内容中广泛应用。要创建这些图形和动画需要专业的技能。然而，现在有很多开源库和框架，通过使用这些框架可以轻松轻松地创建出惊人的多媒体效果。

了解easeljs是什么

EaselJS 是一个由 Adobe sponsored 的开源项目。它是一款在 HTML5 中使用 Canvas 技术进行开发的一个现代化的绘图库。EaselJS 拥有非常便捷的接口和功能，它的目标是为HTML5互动设计、游戏开发和动画制作提供便利的支持。

通过EaselJS，我们可以方便地操纵各种形状和文本，绘制图形、图片等，实现动画、互动等多种效果。

图形绘制和图像处理

EaselJS和HTML5的canvas最大的功能就是可以在Canvas中绘制各种形状，通过对图形的控制，再加入动画，可以实现非常出色的效果。通过绘制文本和图像，可以展示出图像和文字效果。

绘制图形:

var shape = new createjs.Shape();
shape.graphics.beginFill(\"#00AEF0\");
shape.graphics.drawRect(0, 0, stage.canvas.width, stage.canvas.height);
stage.addChild(shape);

绘制位图:

var image = new Image();
image.onload = handleImageLoad;
image.src = \"/asset/image.png\";
function handleImageLoad(event) {
    var imageBitmap = new createjs.Bitmap(event.target);
    stage.addChild(imageBitmap);
    stage.update();
}