动态jQuery画布addImage
动态jQuery画布addImage
提问于 2011-09-28 02:38:21
我有一个画布元素，我需要动态添加图像。
function draw(){
var ctx = document.getElementById('myCanvas').getContext('2d');
ctx.drawImage("img/image1.jpg",0,0,200,200);
}html代码如下：
<div id="divCanvas">
<canvas id="myCanvas" width="322px" height="450px">Canvas not suported</canvas>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2011-09-28 03:29:39
像这样的东西？
var startX = 0,
startY = 0;
$('#clicker').click(function(){
draw($('#testImage'));
});
function draw(image){
image = image.get(0);
var ctx = document.getElementById('myCanvas').getContext('2d');
ctx.drawImage(image,startX,startY,20,20);
startY+=20;
}使用jQuery是因为您已经将它标记为这样。我不确定你到底遇到了什么问题，但是要让实际的DOM元素绘制到画布上，你必须使用.get()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7574073
复制相关文章
相似问题
腾讯云开发者
