我的 html5 画布和 Kinetic.js 代码不起作用答案

【问题标题】：My html5 canvas and Kinetic.js code is not working我的 html5 画布和 Kinetic.js 代码不起作用
【发布时间】：2012-08-10 22:40:57
【问题描述】：

成功了：http://jsfiddle.net/qYYm5/

我最近从这里发现了 Kinetic.js：http://www.kineticjs.com/

我试着按照那个例子做，但没有任何效果......

此代码应在图层“background_layer”上绘制图像“iPhoneBg.jpg”。不用说我的形象存在。

<!DOCTYPE HTML>
<html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="Kinetic.min.js"></script>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
    <script>
        window.onload = function() {
            //INITIALISATION
            var stage = new Kinetic.Stage({
                container: "iPhone",
                width: 480,
                height: 720
            });
            //LAYERS
            var background_layer = new Kinetic.Layer();
            var sms_layer = new Kinetic.Layer();
            var text_layer = new Kinetic.Layer();
            //ELEMENTS
            var iPhoneBg_image = new Kinetic.Image({
                image: 'iPhoneBg.jpg'
            });
            //DRAWING
            background_layer.add(iPhoneBg_image);
            stage.add(background_layer);
        };

    </script>
  </head>
  <body>
    <canvas id="iPhone" width="480" height="720"></canvas>
  </body>
</html>

这里有什么问题？

谢谢！

【问题讨论】：

标签： javascript html canvas kineticjs

【解决方案1】：

    window.onload = function() {
        //INITIALISATION
        var stage = new Kinetic.Stage({
            container: "iPhone",
            width: 480,
            height: 720
        });
        //LAYERS
        var background_layer = new Kinetic.Layer();
        var sms_layer = new Kinetic.Layer();
        var text_layer = new Kinetic.Layer();

        //ELEMENTS
        var imageObj = new Image();
        imageObj.onload = function() {
            var iPhoneBg_image = new Kinetic.Image({
            image: imageObj
            });
            //DRAWING
            background_layer.add(iPhoneBg_image);
            stage.add(background_layer);
        }
        imageObj.src = "iPhoneBg.jpg";
    };

<body><div id="iPhone"></div></body>

【讨论】：

使用 "
" 代替 " "在正文标签中
哦，对不起，我没有看到这个更正，非常感谢你的帮助！
好的，如果你能回答我还有一个问题：stackoverflow.com/questions/11957042/…