canvas - 访问模板中的元素

Question

如何访问模板中的元素？我目前在聚合物元素内部有一个画布，但似乎找不到一种干净的方法来获取画布。

@CustomTag('level-selector-item2')
class LevelSelectorItem2 extends PolymerElement {
  LevelSelectorItem2.created() : super.created() {
  }
}

这是模板：

<polymer-element name="level-selector-item2" attributes="level">
  <template>
    <div>
      <canvas style="width: 300px; height: 200px" id="levelIcon"></canvas>
    </div>
  </template>
</polymer-element>

使用 this.querySelector 似乎总是返回 null，所有这些都在 created、ready 和 enterView 事件中。

Answer 1

当然，经过 2 个小时的搜索，以及我发布问题 20 分钟后。我找到了答案：

  void enteredView() {
    super.enteredView();
    CanvasElement canvas = $['levelIcon'];
  }

感谢这个示例代码：https ://github.com/sethladd/dart-polymer-dart-examples/tree/master/web/automatic_node_finding