new ludo.svg.Mask(properties)
Class for masking of SVG DOM nodes
Parameters:
Name | Type | Description |
---|---|---|
properties |
Object |
- Source:
Example
var mask = new ludo.svg.Mask({ id : 'Mask' }); canvas.appendDef(mask); // canvas is a ludo.svg.Canvas object var gr = new ludo.svg.Gradient({ id:'gradient' }); gr.addStop('0%', 'white', 0); gr.addStop('100%', 'white', 1); canvas.append(gr); var rect2 = new ludo.svg.Rect({ x:0,y:0, width:500,height:500, fill:gr }); mask.append(rect2); // Append rect to mask // create ellipsis with reference to mask var ellipse = new ludo.svg.Ellipse({ cx:100, cy:125, rx:50, ry:70,mask:mask });