dart - Dart:确定img标签的大小(innerWidth)

Question

我正在开发一个简单的聚合物 Dart 应用程序，并且有一个包含图像标签的聚合物标签

<polymer-element name="picasa-photo">
  <template>
      <img  src="{{imageUrl}}" width="100%">
  </template>
  <script type="application/dart" src="picasaphoto.dart"></script>
</polymer-element>

宽度设置为100％，以便在用户调整浏览器大小时调整图像大小。

我会定期更改{{imageUrl}}属性，以从Google的picassa网站下载照片。 picassa网站API允许我指定所下载图像的分辨率，并且我希望将其与图像的当前大小匹配。例如，如果用户使浏览器很大，那么我想下载高分辨率图像。同样，如果浏览器很小，我可以让毕加索下载一个小图像。

我的问题是，如何确定图像标签的实际尺寸？

Answer 1

当然，您可以控制标签ID。唯一的区别是，img标签的id仅在自定义元素内有效。您可以使用shadowRoot.querySelector('#id').innerWidth;或快捷方式$['id'].innerWidth;也可以使用document.querySelector('#custElmId).shadowRoot.querySelector('＃id')。innerWidth;从您的自定义元素外部访问它。