Question

创建SVG图像时，您必须设置宽度，高度和位置，否则将无法渲染。如何从原始图像中读取它们？使用Dart我首先加载html图像，然后加载后我得到大小，然后定义SVG图像并使用我之前获得的信息。这有点麻烦，我想知道是否还有其他办法。

飞镖代码如下所示：

ImageElement img = new ImageElement(src:'2.jpg'); //401x600
img.onLoad.listen((e) {
  svg.ImageElement image = new svg.ImageElement();
  image.setAttribute('x', '0');
  image.setAttribute('y', '0');
  image.setAttribute('width', img.width.toString());
  image.setAttribute('height', img.height.toString());
  image.getNamespacedAttributes('http://www.w3.org/1999/xlink')['href'] = '2.jpg';

});

Answer 1

似乎没有更方便的方法（除了使用jQuery或其他包含此方法的框架外，在JavaScript中也没有）。
只需自己创建一个方法，并为您加载的每个图像重用该方法。

定义SVG图像正确大小的最佳方法

1 个答案: