globalCompositeOperation

globalCompositeOperation

我想在画布上以与背景相反的颜色绘制文本(以确保无论背景颜色如何,文本都是可读的)。我相信oldskool bitblt ing,这是一个异或操作。
怎么做?

最佳答案

我去掉了原来的答案,因为它没有解决问题。到目前为止,有一些新的globalCompositeOperations可以做各种伟大的事情。我已经创建了an example来演示如何获取反转文本。如果链接断开,方法基本如下:

ctx.globalCompositeOperation = "difference";
ctx.fillStyle = "white";
//draw inverted things here

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

08-25 13:25