javascript - 如何将 getElementById(#canvas) 作为参数传递给 polymer 中的函数

标签 javascript polymer google-web-component

我有这样的模板代码:

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

我试图通过在 javascript 中创建类似 getElementById 的东西将此元素传递给函数。但是我收到“this.$.canvas”的错误

initDraw(this.$.canvas);

initDraw(canvas) {
}

最佳答案

你应该定义一个更好的问题并提供一个代码笔/ fiddle /任何东西,但是假设你想从一个组件调用它,你忘记了使用 this 调用 initDraw 函数。在 Polymer v2 中会是这样的:

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

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

关于javascript - 如何将 getElementById(#canvas) 作为参数传递给 polymer 中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46941807/

相关文章:

javascript - 允许 Polymer paper-dialog 的模糊(专注于其他项目 - 输入字段在 paper-dialog 之外)

javascript - Paper 工具栏 javascript 没有反应

polymer - 使用 Polymer 元素进行 html 导入的正确方法?

javascript - polymer 生命周期 : Why are properties not yet loaded from DOM attributes at 'Attached' callback?

javascript - javascript中innerHeight和offsetHeight有什么区别

javascript - 无法将 d3 向量附加到传单 map

reactjs - 将 Polymer Web Components 集成到用 Typescript 编写的 React 应用程序中?

javascript - "for"开头的分号是如何工作的?

javascript - Web 上的旋转对象