javascript – 使用jquery动态添加画布

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jquery动态添加画布，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含710字，纯文字阅读大概需要2分钟。

内容图文

我把所有代码都包含在这个小提琴中：http://jsfiddle.net/RymyY/

我的问题涉及左侧的“添加形状”按钮.

我希望每次单击第二个添加按钮时都能添加新画布,但我无法使其工作.类似的代码在这里起作用：http://jsfiddle.net/dzejkej/xwg5f/

我不知道为什么我的不工作.我不知道什么是错的.请帮忙.

解决方法:

您不应该使用与示例代码中相同的ID创建多个元素.
的document.getElementById( ‘画布’);总是返回id为“canvas”的第一个元素,就像它应该的那样.

var elementID = 'canvas' + $('canvas').length; // Unique ID

$('<canvas>').attr({
    id: elementID
}).css({
    width: rectWidth + 'px',
    height: rectHeight + 'px'
}).appendTo('#work_area');

var canvas = document.getElementById(elementID); // Use the created element

这是一个有效的例子; http://jsfiddle.net/5b8NH/

内容总结

以上是互联网集市为您收集整理的javascript – 使用jquery动态添加画布全部内容，希望文章能够帮你解决javascript – 使用jquery动态添加画布所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端