2011-06-02 159 views
3

我想顯示使用jquery ajax從特定URL下載的圖像。我怎樣才能實現它? (沒有設置圖像.src)我還需要旋轉和縮放該圖像。使用jquery加載二進制圖像

+0

你可以使用Data:url's來做到這一點。 http://en.wikipedia.org/wiki/Data:_URL。查看下面的信息**通過data:url **嵌入圖片https://developer.mozilla.org/en/Canvas_tutorial/Using_images – Niklas 2011-06-02 15:06:49

+1

您能否更深入地解釋爲什麼您需要這種方法?請記住,jQuery在HTML旁邊運行,不久或將來,您將依賴標記IMG或CSS的背景圖像來顯示圖像。 – Tuco 2011-06-02 15:09:20

+0

當我更改.src時它閃爍 – Mark 2011-06-02 15:12:01

回答

0

您可以創建一個<canvas>並用圖像填充它。加載時,圖像可以旋轉,縮放,繪製等。

Here是一個很好的教程,完全符合您的需求。

爲了在IE中運行,我建議使用ExplorerCanvas

0

爲了防止圖像輕彈,您可以先加載hide加載前的圖像,然後用src加載show

$('<img>').hide().attr('src', 'img_url').onload(function() {$(this).show()}); 

旋轉或做形象上的其他突變,在I sugguest使用Pixastic庫是跨瀏覽器兼容。