Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将动态创建的按钮添加到画布中_Javascript_Html_Html5 Canvas - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 将动态创建的按钮添加到画布中

Javascript 将动态创建的按钮添加到画布中

javascript html html5-canvas

Javascript 将动态创建的按钮添加到画布中,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,如何使用JavaScript将动态创建的按钮附加到画布元素中 请帮我举一个例子。首先，欢迎来到Stack Overflow！请务必查看这些文档，以便更好地了解如何在此处正确提问。其次，到目前为止，您尝试了什么来解决这个问题？另外，如果浏览器与画布不兼容，画布元素仅显示其HTML“内容”，我认为这不是您想要的。画布元素不能包含按钮元素。解决方法是将画布包装在一个div中。然后创建按钮并将其添加到包装div中。使包装位置：相对，并使画布和按钮位置：绝对，以便它们都位于包装中。然后使用top和left

如何使用JavaScript将动态创建的按钮附加到画布元素中

请帮我举一个例子。

首先，欢迎来到Stack Overflow！请务必查看这些文档，以便更好地了解如何在此处正确提问。其次，到目前为止，您尝试了什么来解决这个问题？另外，如果浏览器与画布不兼容，画布元素仅显示其HTML“内容”，我认为这不是您想要的。画布元素不能包含按钮元素。解决方法是将画布包装在一个div中。然后创建按钮并将其添加到包装div中。使包装
位置：相对
，并使画布和按钮
位置：绝对
，以便它们都位于包装中。然后使用
top
和
left
将按钮按需放置在画布上。您可以在本机上执行此操作，但使用jqueryb更容易，但如果您将单击事件坐标与形状坐标进行比较，则可以绘制一个像素形状，该形状将充当按钮。