Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的html5画布和dynamic.js代码不起作用_Javascript_Html_Canvas_Kineticjs - Fatal编程技术网

Javascript 我的html5画布和dynamic.js代码不起作用

Javascript 我的html5画布和dynamic.js代码不起作用,javascript,html,canvas,kineticjs,Javascript,Html,Canvas,Kineticjs,成功了: 我最近在这里发现了Kinetic.js: 我试着模仿这个例子,但没有任何效果 此代码应该在“背景层”上绘制一个图像“iPhoneBg.jpg”。不用说,我的形象是存在的 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

成功了:

我最近在这里发现了Kinetic.js:

我试着模仿这个例子,但没有任何效果

此代码应该在“背景层”上绘制一个图像“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>

身体{
边际:0px;
填充:0px;
}
window.onload=函数(){
//初始化
var阶段=新的动力学阶段({
容器:“iPhone”,
宽度:480,
身高:720
});
//层
var background_layer=新的dynamic.layer();
var sms_layer=新的dynamic.layer();
var text_layer=新的dynamic.layer();
//元素
var iPhoneBg_image=new Kinetic.image({
图片:“iPhoneBg.jpg”
});
//绘图
背景层。添加(iPhoneBg图像);
阶段。添加(背景层);
};
这里有什么问题

谢谢

    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>
window.onload=function(){
//初始化
var阶段=新的动力学阶段({
容器:“iPhone”,
宽度:480,
身高:720
});
//层
var background_layer=新的dynamic.layer();
var sms_layer=新的dynamic.layer();
var text_layer=新的dynamic.layer();
//元素
var imageObj=新图像();
imageObj.onload=函数(){
var iPhoneBg_image=new Kinetic.image({
图片:imageObj
});
//绘图
背景层。添加(iPhoneBg图像);
阶段。添加(背景层);
}
imageObj.src=“iPhoneBg.jpg”;
};

在Body tago中使用“”替换“”。抱歉,我没有看到此更正,非常感谢您的帮助!好的,如果你能回答的话,我还有一个问题: