canvas绘制两个位置、形状完全相同的三角形进行合成,当globalCompositeOperation = ‘xor' 时,为什么斜线还在?有办法让其也消失吗?
var gco=new Array(); gco.push("source-atop"); gco.push("source-in"); gco.push("source-over"); gco.push("destination-atop"); gco.push("destination-in"); gco.push("destination-over"); gco.push("lighter"); gco.push("copy"); gco.push("xor"); for (n=0;n<gco.length;n++) { document.write("<div id='p_" + n + "' style='float:left;'>" + gco[n] + ":<br>"); var c=document.createElement("canvas"); c.width=120; c.height=100; document.getElementById("p_" + n).appendChild(c); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.fillStyle="blue"; ctx.moveTo(50, 50); ctx.lineTo(10, 50); ctx.lineTo(10, 10); ctx.fill(); ctx.globalCompositeOperation=gco[n]; ctx.beginPath(); ctx.fillStyle="red"; ctx.moveTo(50, 50); ctx.lineTo(10, 50); ctx.lineTo(10, 10); ctx.fill(); document.write("</div>"); }
待解决
悬赏分:0
- 离问题结束还有 48天12小时21分31秒
点赞 0反对 0举报 0
收藏 0
分享 2
