我HTMLImageElement动态创建并在画布上绘制它们
var image = new Image();
image.src = 'mypath/image.png';
context.drawImage(image, point.x, point.y); // context is a CanvasRenderingContext2D element
现在，我想在上动态绘制另一个图像（较小）image。没有CSS或HTML的帮助，有可能吗？
编辑
我不想用另一张图片替换一张图片，而是要重叠两张图片：“背景”中最大的一张和它前面的最小一张。“上方”旨在作为重叠，也不替换。
只需drawImage()与resize参数一起使用：
context.drawImage(image, point.x, point.y, wantedWidth, wantedHeight);
图像源可以是image甚至是context本身。
（也请记住onload在尝试绘制图像元素之前对它使用处理程序。）
var ctx = document.querySelector("canvas").getContext("2d"),
img = new Image;
img.onload = function() {
ctx.drawImage(this, -200, -200, 800, 800);
ctx.drawImage(this, 0, 0);
};
img.src = "http://i.imgur.com/RV2a28T.png";<canvas/>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句