在 JavaScript 中创建图像时获取图像的自然大小？ [复制]

【问题标题】：Get the natural size of an image when image is created in JavaScript? [duplicate]在 JavaScript 中创建图像时获取图像的自然大小？ [复制]
【发布时间】：2015-10-16 17:55:51
【问题描述】：

在javascript中创建图像时是否可以获得图像的自然尺寸？

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

当它是 svg 时，我应该注意什么？

【问题讨论】：

如果它是 SVG，它可能没有真正的自然大小。毕竟，S 是可扩展的。
如果不是我如何获得 jpg 的自然大小，该怎么办
见stackoverflow.com/questions/16342936/…
@RobertLongson，谢谢

标签： javascript image svg

【解决方案1】：

SVG 根据定义是Scalable Vector Graphic，因此没有固定尺寸。您需要切换到 GIF、JPG 或 PNG 等标准图像才能以这种方式检索尺寸。

【讨论】：

当 svg 在 dom 中渲染时，如何设置高度宽度
stackoverflow.com/questions/16342936/… 这确实有效
它可能已经设置了尺寸，例如<svg width="100px" height="200px">。再说一次，它可能不会。如果它有维度，你当然可以检索它们。
对于那些位图格式，您需要指定是否需要其像素尺寸或真实世界测量值。 PNG 和 JPEG 可能包含分辨率，但我认为 GIF 没有。