如何用easeljs-0.8.0.js？（createJs）

家伙画一条线。我使用easeljs-0.8.0.js来画线，但它不起作用，你能帮助我吗？如何用easeljs-0.8.0.js？（createJs）

<!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>

我不能用上面的代码画线!!!

来源

2015-02-10 Jospehus Chou

在0.8.0图形引擎被改写了，你现在需要调用moveTo后beginStroke，beginFill，或beginStrokeStyle，因为这些方法“复位”的路径。

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

来源

2015-02-10 15:51:16 gskinner

谢谢，我明白了。如果可能的话，我希望createJs教程能够更清晰。 – 2015-02-11 02:38:36

另一个问题，我应该如何用createJs创建一个响应式画布？我想开发一个html5手机游戏。如您所知，移动设备的屏幕大小不同，因此我想创建一个响应式画布以适应不同的屏幕？ – 2015-02-11 07:52:04

@JospehusChou当浏览器调整大小时，可以更改画布的宽度和高度值。在窗口中添加调整大小事件处理程序并相应地更新画布。 window.addEventListener("resize", handleResize); function handleResize(event) { canvas.width = window.innerWidth; canvas.height = window.innerHeight; } – 2015-09-16 19:36:15

如何用easeljs-0.8.0.js？（createJs）

回答

相关问题