TLDR; 给定以下SVG元素:
<image width="30" height="48" x="3.75" y="6" href="http://some/image.jpg">
如何获取图像的实际高度和宽度(因为它部分由图像的纵横比定义)。
我有一个绘制一堆<rect>
和一堆<image>
的d3js脚本。
现在布局是这样的,使得图像落在矩形内,就好像矩形是边框一样。矩形内还有其他东西。
现在,每个图像都有它自己独特而特殊的纵横比,这让我不舒服,因为这意味着每个矩形的空白空间都不同。这很不整洁。
为了避免这种情况,我想加载图像,然后获取实际图像尺寸,然后调整周围商品的位置和大小。问题的关键是获取实际的图像尺寸。我该怎么做?
我已经在谷歌上搜索了一些内容,并花了一些时间与调试控制台进行了详细的探索,但都没有结果。我会继续搜索,但如果能得到答案,那就太好了。