Question

我正在开发一种简单的聚合物飞镖应用，我有一个含有图像标签的聚合物标签

<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允许我指定下载的图像的分辨率，我想将其与图像的当前大小相匹配。例如，如果用户使浏览器非常大，那么我想下载高分辨率图像。同样，如果浏览器非常小，我可以让Picasso下载一个小图片。

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

Answer 1

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

Dart：确定img标签的大小（innerWidth）

1 个答案: