javascript - 如何在没有src的情况下复制图像？

Question

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

Answer 1

您可以使用 Canvas ； 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);