2013-05-19 106 views
0

我想要轉換HTML圖像上的畫布。Canvas to javascript in image?

畫布顯示沒有任何問題,在$('#image1')中有一些數據,但它不顯示?我忘了什麼?

這裏是用代碼jsfidle:http://jsfiddle.net/mcbjam/tZGcq/

這裏是調用我需要執行。

$('#image1').attr('src', image.src); 
+1

你忘了設置一個現場演示:http://jsfiddle.net –

+0

@icktoofay我假設OP想要包括一個現場演示,但忘了。 (我是一個樂觀主義者:-)'。) –

+0

這是一個現場演示。也許它會在問題結束時起作用:) – mcbjam

回答

1

您正在從另一個域中繪製圖像。當您這樣做時,畫布會變爲受污染,您無法再獲取數據,因爲這可能會泄露您通常無法訪問的其他域的數據。

您可以通過將圖像文件複製到您自己的域然後使用相對URL訪問它來解決此問題。


此外,你可能會想打電話convertCanvasToImageimg.onload回調裏面,但是這不是你的首要問題。

+0

解決的辦法是在服務器上有一個簡單的腳本來充當代理。像'<?php readfile($ _ GET ['filename']); ?>''訪問'proxy.php?文件名= http:// images/aviary.com/imagesv5/feather_default.jpg' –

+0

@Kolink:我希望它不會*那*簡單:'proxy.php ?filename =/etc/passwd' – icktoofay

+0

有沒有辦法做到這一點,而不必上傳我的域名上的圖像? – mcbjam