![](/img/trans.png)
[英]In Kinetic.js how can I load multiple images with one image loaded on canvas at a time
[英]Kinetic.js Can't Load image onto canvas
我必須缺少一些簡單的東西。 我已經逐行進行了,但是似乎沒有用。 我無法加載圖像。
var imageToCanvas = function(){
var stage = new Kinetic.Stage("imgarea", 250, 256);
var layer = new Kinetic.Layer();
var imageobj = new Image();
imageobj.onload = function(){
var img = new Kinetic.Image({
x: 10,
y: 10,
image: imageobj,
});
layer.add(img);
stage.add(layer);
};
imageobj.src = "/static/img/unit-test-image.png";
console.log(imageobj);
};
$(document).ready( function(){
imageToCanvas();
});
<canvas id="imgarea" width="250px" height="256px"></canvas>
相同的代碼似乎可以在我使用Kinetc.js的另一個canvas應用程序中工作。 我似乎無法弄清楚為什么這個不起作用。
該代碼看起來也與該教程非常相似: http : //www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-image-tutorial/
看來您未正確定義階段。.當我在上面嘗試您的代碼時,收到關於未定義容器的錯誤。
var stage = new Kinetic.Stage({
container: "imgarea",
width: 250,
height: 256
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.