2015-10-16 39 views
1

當在javascript中創建圖像時,是否可以獲取圖像的自然大小?在JavaScript中創建圖像時獲取圖像的自然大小?

var source = new Image(); 
    source.src = 'path/image.svg'; 
    console.log(source.src, source.clientWidth, source.clientHeight); 

有什麼注意事項我應該知道什麼時候是svg?

+0

如果它是一個SVG,它可能並不真的有一個大小。 S畢竟是可擴展的。 –

+0

如果它不是如何我得到JPG的自然大小怎麼樣 –

+5

請參閱http://stackoverflow.com/questions/16342936/how-do-i-get-natural-dimensions-of-an-image-using- javascript-or-jquery –

回答

0

SVG的定義是Scalable Vector Graphic,因此沒有設置維度。您需要切換到GIF,JPG或PNG等標準圖像才能以此方式檢索尺寸。

+0

當svg在dom中呈現如何設置高度寬度 –

+0

http://stackoverflow.com/questions/16342936/how-do-i-get-natural-尺寸的圖像使用JavaScript或jQuery的這實際上可以工作 –

+2

它可能已經設置尺寸,例如''。然後它可能不會。如果它有尺寸,你當然可以檢索它們。 –