valo
Drawing

Mask blur

Soften a draw's coverage. Four styles.

Mask blur is a Gaussian on the coverage mask, not on the pixels after the draw. Solid colours use a closed-form rrect blur (one quad). Shader paints go through an effect layer.

Sigma is in local units and follows the draw's transform.

paint.mask_blur = Some(MaskBlur::outer(12.0));
paint.setMaskBlur(12, BlurStyle.Outer);

Left to right: Normal, Solid, Inner, Outer.

scene.jsplayground
loading editor
liveacquiring device

Styles

StyleVisible coverage
NormalInside and outside
SolidSharp interior, blur outside
InnerInside only
OuterOutside only

Canvas2D shadowBlur is Normal and nothing else.

Mask blur is not the same as image-filter blur (which blurs rasterized pixels) or backdrop blur (which blurs what is already on the target).

On this page