Graphics
源码：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../src/easeljs/utils/UID.js"></script>
<script type="text/javascript" src="../src/easeljs/geom/Matrix2D.js"></script>
<script type="text/javascript" src="../src/easeljs/display/DisplayObject.js"></script>
<script type="text/javascript" src="../src/easeljs/display/Container.js"></script>
<script type="text/javascript" src="../src/easeljs/display/Stage.js"></script>
<script type="text/javascript" src="../src/easeljs/events/MouseEvent.js"></script>
<script type="text/javascript" src="../src/easeljs/display/Bitmap.js"></script>
<script type="text/javascript" src="../src/easeljs/display/Graphics.js"></script>
<script type="text/javascript" src="../src/easeljs/display/Shape.js"></script>
<script type="text/javascript" src="../src/easeljs/geom/Rectangle.js"></script>
<script type="text/javascript" src="../src/easeljs/utils/Ticker.js"></script>
<script type="text/javascript" src="../src/easeljs/filters/Filter.js"></script>
<script type="text/javascript" src="../src/easeljs/filters/BoxBlurFilter.js"></script>
<script type="text/javascript" src="../src/easeljs/filters/ColorMatrixFilter.js"></script>
<script type="text/javascript" src="../src/easeljs/filters/ColorMatrix.js"></script>
<script type="text/javascript">
function Init() {
var canvas = document.getElementById("canvas1");
var stage = new createjs.Stage(canvas);
var g = new createjs.Graphics();
// 设置宽度
g.setStrokeStyle(5);
// 指定画笔颜色
g.beginStroke(createjs.Graphics.getRGB(0, 0, 0));
// 指定填充色
g.beginFill(createjs.Graphics.getRGB(255, 0, 0));
// 画圆
g.drawCircle(0, 0, 30);
// 画方形，上述代码简化为如下
// g.beginStroke("#F00").setStrokeStyle(5).beginFill("#00F").drawRect(20, 20, 100, 50).closePath();
var s = new createjs.Shape(g);
s.x = 100;
s.y = 100;
stage.addChild(s);
stage.update();
}
</script>
</head>
<body onload="Init();">
<canvas id="canvas1" width="500" height="500">
</canvas>
</body>
</html>
浙公网安备 33010602011771号