Javascript 如何使用easeljs-0.8.0.js画一条线？（createJs）_Javascript_Html_Canvas_Createjs

Javascript 如何使用easeljs-0.8.0.js画一条线？（createJs）

javascript html canvas

Javascript 如何使用easeljs-0.8.0.js画一条线？（createJs）,javascript,html,canvas,createjs,Javascript,Html,Canvas,Createjs,伙计们。我用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>

伙计们。我用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>


window.onload=函数（）{
var canvas=document.getElementById（“demoCanvas”）；
var stage=newcreatejs.stage（画布）；
var lineShape=new createjs.Shape（）；
lineShape.graphics.moveTo（10,10）.setStrokeStyle（1）.beginStroke（#ff0000”）.lineTo（50,50）；
stage.addChild（线型）；
stage.update（）；
}

我不能用上面的代码划清界限

在0.8.0中，图形引擎被重写，现在需要在

beginStroke

之后调用

moveTo

，

beginul

或

beginStrokeStyle

，因为这些方法“重置”了路径

请看：

谢谢，我知道了。如果可能的话，我希望createJs教程可以更清晰。另一个问题，我应该如何用createJs创建一个响应画布？我想开发一个html5手机游戏。正如您所知，移动设备的屏幕大小不同，因此我想创建一个响应画布，以便它能够适应不同的屏幕？@JospehusChou您可以在浏览器调整大小时更改画布的宽度和高度值。在窗口上添加调整大小事件处理程序，并相应地更新画布<代码>窗口.addEventListener（“调整大小”，HandlerResize）；函数handleResize（事件）{canvas.width=window.innerWidth；canvas.height=window.innerHeight；}与v0.8.2相同。谢谢你指出。只需给出OP的正确代码行：

lineShape.graphics.setStrokeStyle（1）.beginStroke（#ff0000”）.moveTo（10,10）.lineTo（50,50）.endStroke（）它画了一条线。我添加了endStroke（）