Question

我必须在加载后制作给定图像的副本。问题是图像不是静态网址，每次图像都不同，它是在服务器端使用php生成的。链接每次都保持不变。我要做的是复制这个已加载的图像。我怎么能用HTML5和canvas做到这一点，还是有其他方法可以做到这一点？我知道它可以用canvas完成，但我需要图像的src。问题是它不是一个静态网址，当我这样做时，我会得到另一张图片，而不是加载的图片。有什么想法吗？

Answer 1

你可以使用画布; it's pretty simple：

<img src=http://placekitten.com/300/340 id=kitteh>
<canvas id=c></canvas>

JS：

var canvas = document.getElementById("c"), 
  kitteh = document.getElementById('kitteh'), 
  ctx = canvas.getContext('2d');

canvas.height = kitteh.height; canvas.width = kitteh.width;
ctx.drawImage(kitteh, 0, 0);

如何在没有src的情况下制作图像副本？

1 个答案: