用于 svg 查找宽度的 Html 对象标签

Question

我有

<object
   data="${content}"
   type="image/svg+xml"
></object>

内容是 svg。

目前我正在尝试在榆树上解决这个问题。

    object
        [ Attr.attribute "data" "${content}"
        , Attr.type_ "image/svg+xml"
        ]
        []

问题： 我怎样才能找到 svg 的宽度？

我在榆木中尝试过

on "load"

，但它不着火。 欢迎 Javascript 或 elm 解决方案，但我更喜欢 elm

我试过榆木

on "change" decodeImgLoad

或

on "load" decodeImgLoad

但他们根本没有接到电话。

当我使用 img 而不是 object 时它起作用了，但我希望在 dom 上正确设置 svg 而不仅仅是图像。

在 elm 中我无法直接引用 svg，我需要 img 或对象或将其转换为 elm svg。 （无法将其转换为 elm svg，因为 svg 很大）

Answer 1

好吧，首先我知道 html 和 javascript，而不是 elm，所以我会尝试用 javascript 回答你的问题。

Q = 查找对象标签中 svg 的宽度。

Ans = 使用这个js代码

  var svg = document.getElementById('YourSVG');
  var get = svg.getBoundingClientRect();
  var width = get.width;
  var height = get.height;

希望这有帮助。