如何在没有src的情况下复制图片？

我必须在加载后制作给定图像的副本。问题是图像不是使用静态url，图像每次都不一样，它是在服务器端用php生成的。链接每次都保持不变。我必须做的是制作这个已经加载的图像的副本。我该如何使用HTML5和canvas来做到这一点，还有其他方法可以做到这一点吗？我知道这可以用画布完成，但我需要图像的src。问题是它不是一个静态url，当我这样做时，我得到另一张图片而不是加载的图片。有任何想法吗？如何在没有src的情况下复制图片？

来源

2014-01-18 Ezio_

究竟你 “制作副本” 是什么意思？ – Pointy

我想在同一页面上显示两次。问题是如果我两次调用动态链接，它会生成2个不同的图像。 –

这里缺少一些东西，为什么不是简单地将它传递两次？ –

您可以使用画布; 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);

来源

2014-01-18 14:51:54 Pointy

+1您的问题和意见基于正确答案。 – markE

我不知道为什么这在我第一次尝试时不适合我。这段代码就像一个魅力。谢谢Pointy！ –

如何在没有src的情况下复制图片？

回答

相关问题