如何使用 easeljs-0.8.0.js?(createJs) 画一条线

Question

伙计们。我用easeljs-0.8.0.js画线，但是不行，你能帮我吗？

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="lib/easeljs-0.8.0.js"></script>
</head>
<body>
<canvas id="demoCanvas" width="1200" height="600"></canvas>
</body>
<script>
window.onload = function() {
    var canvas = document.getElementById("demoCanvas");
    var stage = new createjs.Stage(canvas);
    var lineShape = new createjs.Shape();
    lineShape.graphics.moveTo(10,10).setStrokeStyle(1).beginStroke("#ff0000").lineTo(50,50);
    stage.addChild(lineShape);
    stage.update();
}
</script>
</html>

上面的代码画不出来！！！

Answer 1

在 0.8.0 中重写了图形引擎，现在您需要在 beginStroke、beginFill 或 beginStrokeStyle 之后调用 moveTo，因为这些方法 "reset"路径。

参见：https://github.com/CreateJS/EaselJS/issues/520

如何使用 easeljs-0.8.0.js?(createJs) 画一条线

How can I draw a line with easeljs-0.8.0.js?(createJs)

javascript

html

canvas

createjs