个人中心
gpt4 book ai didi

javascript - CreateJS 不会加载

转载 作者：行者123 更新时间：2023-11-30 17:12:50 25 4
gpt4 key购买 nike

我不知道我的代码有什么问题。我对 javascript 很陌生。有时 createjs 会工作，有时则不会。这没有意义，因为我正在从其他人的教程中复制精确的代码。

<!DOCTYPE html>

<html>
<head>
    <title></title>
    <script src = "http://code.createjs.com/createjs-2013.12.12.min.js"></script>

    <script>
        var stage;

        function init(){
            stage = new createjs.Stage("myCanvas");

            var ball = new createjs.Shape();
            ball.graphics.beginFill("000000").drawCircle(0,0,50);
            ball.x = 50;
            ball.y = 200;

            stage.addChild(ball);
        }
    </script>
</head>

<body onload = "init()">
    <canvas id = "myCanvas" width = "500" height = "500">
    </canvas>
</body>
</html>

最佳答案

即使您已经解决了问题，我也会稍微改进您的代码。您无需将此标记为正确答案，因为您已自行解决。

<html>
<head>
    <title>Example</title>
    <script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>

    <script>
        var stage;

        function init(){
            stage = new createjs.Stage("myCanvas");

            var ball = new createjs.Shape();
            ball.graphics.beginFill("000000").drawCircle(0,0,50);
            ball.x = 50;
            ball.y = 200;
            ball.cache(-50, -50, 100, 100); // -50 is -radius, 100 is radius*2

            stage.addChild(ball);
            stage.update();
        }
    </script>
</head>

<body onload="init()">
    <canvas id="myCanvas" width="500" height="500">Do you even HTML5?</canvas>
</body>
</html>

  1. 首先，我为您的文档添加了一个标题，该标题必须是有效的 HTML5。您可以将其更改为您想要的任何内容。

  2. 另外，我缓存了你的球对象，所以现在它是一个图像而不是一个形状，CPU 不需要在每次更新舞台时重新绘制它。这是一个很大的性能改进。

  3. 最后，如果不支持 HTML5 Canvas ，我还添加了备用文本(“Do you even HTML5?”)。它在 <canvas> 之间和 </canvas>标签，您可以将其更改为您喜欢的任何内容。

关于javascript - CreateJS 不会加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26638773/

25 4 0
文章推荐： c# - 串口未授权访问异常
文章推荐： c# - SQLite 和 .NET 用户控件
文章推荐： c - Visual C 多线程文件读取
文章推荐： c# - "allocated inline in a structure"对值类型意味着什么？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com