如何在沒有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的情況下複製圖片？

回答

相關問題