Is it possible to overwrite the action of a clip with SVG? In the example below, I would like to show the path between the two circles instead of the circle:
& Lt; Rect id = "sa12" x = "516.0" y = "127.5" width = "70.0" height = "25.0" rx = "50" rye = "50" full = "one green" /> & Lt; / ClipPath & gt; & Lt; Rect id = "sa11" x = "763.0" y = "176.5" width = "70.0" height = "25.0" rx = "50" ry = "50" fill = "one green" /> & Lt; Rect id = "sa12" x = "516.0" y = "127.5" width = "70.0" height = "25.0" rx = "50" rye = "50" full = "one green" /> & Lt; / G> & Lt; Path stroke = "black" stroke-width = "1.5" fill = "none" D = "M 798.0 18 9.0 551.0 140.0" clip-path = "url (# ray-clip)" /> & Lt; / Svg & gt; After the link in Doopixel's comment, the problem can be solved by using .
:
& lt; Svg width = "50%" height = "50%" visible box = "0 9 85 740" xmlns: xlink = "http://www.w3.org/1999/xlink" xmlns = "http: // www .w3.org / 2000 / svg "& gt; & Lt; Defs & gt; & Lt; Rect id = "sa11" x = "763.0" y = "176.5" width = "70.0" height = "25.0" rx = "50" ry = "50" /> & Lt; Rect id = "sa12" x = "516.0" y = "127.5" width = "70.0" height = "25.0" rx = "50" ry = "50" /> & Lt; / Defs & gt; & Lt; Mask id = "re 8-clip" & gt; & Lt; Rect id = "bg" x = "0" y = "0" width = "100%" height = "100%" fill = "white" /> & Lt; Use xlink: href = "# sa11" fill = "black" /> & Lt; Use xlink: href = "# sa12" fill = "black" /> & Lt; / Mask & gt; & Lt; Use xlink: href = "# sa11" fill = "one green" /> & Lt; Use xlink: href = "# sa12" fill = "one green" /> & Lt; Path stroke = "black" stroke-width = "1.5" fill = "none" D = "m 798.0 18 9.0 551.0 140.0" mask = "url (# ray-clip 8)" /> & Lt; / Svg & gt; As a small one, does anyone know that it is possible for a mask to default to white, then 'Bg' rectangle is not necessary?
Comments
Post a Comment