Это сработало: http://jsfiddle.net/qYYm5/
Недавно я обнаружил Kinetic.js отсюда: http://www.kineticjs.com/
Я пытался следовать этому примеру, но ничего не работает...
Этот код должен отрисовывать изображение «iPhoneBg.jpg» на слое «background_layer». Излишне говорить, что мой образ существует.
<!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>
В чем проблема?
Спасибо!