• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Masking

Understanding masking in SVG depends on an understanding of transparency or opacity in SVG. The key difference between a clipping path and an SVG mask is that the shape selected by a mask can be fully opaque (just like a clipping path) or can have its appearance modulated by the mask, which may be semi-transparent, including linear or radial gradients that can vary the opacity among various locations within the mask.

The mask Element

A mask element is used to define an SVG mask. A mask element is a container element that contains one or more SVG graphics elements. The content of the mask element defines the shape of the mask and provides a semi-transparent mask for composting foreground graphics objects into the background of the image.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint