如何用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）

回答

相關問題