徐日良

有时候在一些特殊的日子，如重大事故，国家公祭日等，需要将网页设置为灰色。在html中我们可以直接用filter: grayscale(1)来实现，效果如下： 原理 canvas中实现灰色滤镜核心API

首先使用context.arc(x,y,r,sAngle,eAngle,counterclockwise)绘制圆形路径，圆心定位到图片中间。然后使用clip()对canvas画布进行裁减

Canvas没有提供API来绘制富文本内容，需要我们把富文本拆分成一个个普通文本来绘制。首先我们了解一下canvas为文本提供了哪些api。 这里通过一个例子来了解一下文本的绘制，详细使用说明可以通过