如何将getElementById（#canvas）作为参数传递给聚合物中的函数答案

【问题标题】：How to pass getElementById(#canvas) as a parameter to a function in polymer如何将getElementById（#canvas）作为参数传递给聚合物中的函数
【发布时间】：2017-10-25 20:49:09
【问题描述】：

我有这样的模板代码：

<img id ="canvas" src="../images/carsimage.jpg" />

我试图通过在javascript中制作getElementById之类的东西来将此元素传递给一个函数。但我收到“this.$.canvas”错误

initDraw(this.$.canvas);

initDraw(canvas) {
}

【问题讨论】：

initDraw(document.getElementById("canvas"));
通过模板代码，您的意思是HTML/代码在您的Polymer 模板中吗？ this.$.canvas 遇到什么错误？你有没有办法重现这个（例如，使用 Codepen）？
这是一个非常糟糕的问题。您是否使用shadow dom，错误是什么。问题出在哪里。。最好的办法是创建一个小提琴。

标签： javascript polymer google-web-component

【解决方案1】：

你应该定义一个更好的问题并提供一个 codepen/fiddle/whatever，但是假设你想从一个组件中调用它，你忘记了使用 this 调用 initDraw 函数。在 Polymer v2 中会是这样的：

ready() {
   super.ready();
   this.initDraw(this.$.canvas);    //here call this.functionName
}

initDraw(canvas) {
   console.log('canvas = ', canvas);
}

【讨论】：