Javascript tx）； } //更新屏蔽结果 updateSelected（）； } //清理画布 ctx.clearRect（0,0，w，h）； //画图像 ctx.drawImage（图像，0,0）； //然后用comp覆盖在其上绘制标记层 ctx.globalCo

tx）； } //更新屏蔽结果 updateSelected（）； } //清理画布 ctx.clearRect（0,0，w，h）； //画图像 ctx.drawImage（图像，0,0）； //然后用comp覆盖在其上绘制标记层 ctx.globalCompositeOperation=“覆盖”； ctx.drawImage（选择图层，0,0）； ctx.globalCompositeOperation=“源代码结束”； mouse.oldBut=mouse.but； requestAnimationFrame（更新）； } requestAnimationFrame（更新）； } //############################################################################# //助手函数不是答案的一部分 //############################################################################# 常数鼠标={ x:0，y:0，但是：false， 活动（e）{ const m=小鼠； const bounds=canvas.getBoundingClientRect（）； m、 x=e.pageX-bounds.left-scrollX； m、 y=e.pageY-bounds.top-scrollY； m、 但是=e.type==“mousedown”？真：e.type==“mouseup”？假：m.but； } }; （[“向下”、“向上”、“移动”]）.forEach（名称=>document.addEventListener（“鼠标”+名称，鼠标.事件））； const CImage=（w=128，h=w）=>（c=document.createElement（“画布”），c.width=w，c.height=h，c）； const CImageCtx=（w=128，h=w）=>（c=CImage（w，h），c.ctx=c.getContext（“2d”），c）； 常量填充圆=（l，y=ctx，r=ctx，c=ctx）=>{if（l.p1）{c=y；r=leng（l）；y=l.p1.y；l=l.p1.x}如果（l.x）{c=r；r=y；y=l.y；l=l.x}c.beginPath（）；c.arc（l，y，r，0，Math.PI*2）；c.fill（）

body{font-family:arial；}
画布{边框：2px纯黑；}

在图像上绘制，所选零件显示在右侧

单击右图像以重置选择

你应该详细说明你的问题，以及你迄今为止为实现你想要的目标而采取的代码或步骤，直到没有人会帮你解决问题。问题更新@3Dos的可能副本-在标记为副本之前，它不是副本阅读我的问题？我知道如何在我已经完成的图像上绘制/填充红色。但我想从原稿中剪下红色部分image@TofaaniKaanudo这正是我在重复标签中解释的你应该详细说明你的问题，以及你迄今为止为实现你的目标所采取的代码或步骤，在做出一些努力之前，没有人会帮你。问题更新可能重复@3Dos-它不是重复的，在标记为重复之前阅读我的问题？我知道如何在我已经完成的图像上绘制/填充红色。但我想从原稿中剪下红色部分image@TofaaniKaanudo这正是我在第二份标签中所解释的。事实上，你救我一天+1或者接受对你来说是不够的。谢谢你们的支持和合作。若你们有橡皮擦的任何来源或链接（若用户选择了错误的部分。那个么用户可以删除它）。我在等待你的积极反馈。它在手机上不起作用。对于移动，我们需要改变什么。？请建议我。@TofaaniKaanudo手机需要触摸事件监听器。该代码仅作为如何屏蔽图像的示例，接口与问题无关。@Blindman67您能建议该屏蔽上的橡皮擦功能吗？如果用户选择了错误的部分。比用户可以删除它。真的你保存我的天+1或接受是不够的。谢谢你们的支持和合作。若你们有橡皮擦的任何来源或链接（若用户选择了错误的部分。那个么用户可以删除它）。我在等待你的积极反馈。它在手机上不起作用。对于移动，我们需要改变什么。？请建议我。@TofaaniKaanudo手机需要触摸事件监听器。该代码仅作为如何屏蔽图像的示例，接口与问题无关。@Blindman67您能建议该屏蔽上的橡皮擦功能吗？如果用户选择了错误的部分。然后用户可以删除它。