Ma toile html5 et le code Kinetic.js ne fonctionne pas

Il a travaillé: http://jsfiddle.net/qYYm5/Ma toile html5 et le code Kinetic.js ne fonctionne pas

J'ai récemment découvert Kinetic.js d'ici: http://www.kineticjs.com/

J'ai essayé de suivre cet exemple, mais rien ne fonctionne ...

Ce code doit dessiner une image "iPhoneBg.jpg" sur le calque "background_layer". Inutile de dire que mon image existe.

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

Quel est le problème ici?

Merci!

Source

2012-08-14 Random78952

 

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>

Source

2012-08-14 15:53:05

ne fonctionne pas trop :( – Random78952

Utiliser ** "

"** au lieu **"

** " dans le corps Tag –

Oh désolé je n'ai pas vu cette correction, merci beaucoup pour votre aide! – Random78952

Ma toile html5 et le code Kinetic.js ne fonctionne pas

Répondre

Questions connexes