从dataurl获取图像高度和宽度

Question

将图像源作为dataurl，有没有办法在javascript或PHP中获取图像的高度和宽度，以便我可以将它们设置为div的属性？

还是有更好的方法使div缩放到图像大小。考虑将图像用作div的CSS中的background-image属性。

Answer 1

如果你知道图片的宽高比，那么你可以创建一个响应=Sum(Fields!Num1.Value, "DataSet1") ，在页面调整大小时“模仿”原生<div>元素。

例如，如果您的图像为300x180，则宽高比为

  

1：0.6

（180/300 = 0.6）这意味着如果图像是100％宽，那么它是60％高。

<img>

请参阅此jsFiddle