Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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_Canvas_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript 通过单击按钮添加和删除画布?

Javascript 通过单击按钮添加和删除画布?,javascript,html,canvas,html5-canvas,fabricjs,Javascript,Html,Canvas,Html5 Canvas,Fabricjs,我正在尝试制作一个漫画制作web应用程序,我需要允许支持我们所说的多个画布或面板。我希望能够创建/删除画布,如果可能,通过单击相应的按钮复制画布。例如,添加画布按钮添加画布,删除删除面板等 添加另一个画布 添加面板{ // ... } 我目前正在使用Canvas和FabricJS,但如果它能帮助我实现这一点,我愿意使用一个新的库 您可以更好地了解我的目的。试试这段代码 这是JavaScript的基本功能: var x=1; 函数添加画布{ var add_canvas=document.cre

我正在尝试制作一个漫画制作web应用程序,我需要允许支持我们所说的多个画布或面板。我希望能够创建/删除画布,如果可能,通过单击相应的按钮复制画布。例如,添加画布按钮添加画布,删除删除面板等

添加另一个画布 添加面板{ // ... } 我目前正在使用Canvas和FabricJS,但如果它能帮助我实现这一点,我愿意使用一个新的库

您可以更好地了解我的目的。

试试这段代码

这是JavaScript的基本功能:

var x=1; 函数添加画布{ var add_canvas=document.createElement'canvas'; document.body.appendChildadd_画布; 添加_canvas.setAttributeid,mycanvas_ux; 添加_canvas.setAttributeclass,画布; 颜色 } 函数删除画布{ x-; var remove_canvas=document.getElementByIdmycanvas_ux; 移除画布; } 功能色{ var canvas=document.getElementByIdmycanvas_ux; var ctx=canvas.getContext2d; ctx.fillStyle=FF0000; ctx.fillRect0,0150,75; x++; } 添加画布
移除画布这将解决您的问题

我知道我们只能使用jQuery来优化它。请做吧

var=null; var CANVAS_LIST={}; var-pageId=0; 函数addPanelsel{ console.logel.value;
forlet i=0;iWell实际上是从dom创建一个元素的问题,因此检查mdn中的API是否看起来相同。复制也包括这种情况=这对Fabricjs有效吗?对于Fabricjs,您需要执行var c=new fabric.Canvas'c',{}创建画布。在代码的内部,我确信它也在使用createElement。您可能会在查找自己的文档时发现它。可以通过选项传递它吗?我认为如果您在这方面付出更多努力,人们会有所帮助。例如,显示您已经尝试过的内容,或者您在上面工作过的样板代码。这是一个一般性问题n我的问题完美地概括了我所追求的。我没有任何相关的代码要包含,因为这再次是一个问题,而不是我的代码的问题。@Constantinteo除了使用FabricJS画布而不是基本画布之外,还有什么方法可以做到这一点吗?