Canvas 从织物上拉丝后去除颜色会留下锯齿状的边缘
在Fabric JS画布上完成绘制后，我需要删除特定颜色，然后将结果作为png导出到API。因此，我将数据粘贴到另一个普通HTML5画布上，并使用以下功能：Canvas 从织物上拉丝后去除颜色会留下锯齿状的边缘,canvas,html5-canvas,png,fabricjs,antialiasing,Canvas,Html5 Canvas,Png,Fabricjs,Antialiasing,在Fabric JS画布上完成绘制后，我需要删除特定颜色，然后将结果作为png导出到API。因此，我将数据粘贴到另一个普通HTML5画布上，并使用以下功能： removeColour: (context, color, width, height) -> ctx = context widthInt = parseInt(width, 10) heightInt = parseInt(height, 10) canvasDat
removeColour: (context, color, width, height) ->
ctx = context
widthInt = parseInt(width, 10)
heightInt = parseInt(height, 10)
canvasData = ctx.getImageData(0, 0, widthInt, heightInt)
pix = canvasData.data
i = 0
n = pix.length
while i < n
if @isApprox(pix[i], color[0], 60) and @isApprox(pix[i + 1], color[1], 60) and @isApprox(pix[i + 2], color[2], 60)
pix[i + 3] = 0 # Setting alpha to zero i.e. making it transparent
i += 4
ctx.putImageData canvasData, 0, 0
return
removeColour：（上下文、颜色、宽度、高度）->
ctx=上下文
宽度int=parseInt（宽度，10）
heightInt=parseInt（高度，10）
canvasData=ctx.getImageData（0，0，widthInt，heightInt）
pix=canvasData.data
i=0
n=pix.length
而我
如果@isApprox（pix[i]，color[0]，60）和@isApprox（pix[i+1]，color[1]，60）和@isApprox（pix[i+2]，color[2]，60）
pix[i+3]=0#将alpha设置为零，即使其透明
i+=4
ctx.putImageData画布数据，0,0
返回
globalCompositeOperation