The following svg is an example on how to use masks, taken from mozilla.org:
<svg viewBox="-10 -10 120 120">
<mask id="myMask">
<!-- Everything under a white pixel will be visible -->
<rect x="0" y="0" width="100" height="100" fill="white" />
<!-- Everything under a black pixel will be invisible -->
<path d="M10,35 A20,20,0,0,1,50,35 A20,20,0,0,1,90,35 Q90,65,50,95 Q10,65,10,35 Z" fill="black" />
</mask>
<polygon points="-10,110 110,110 110,-10" fill="orange" />
<!-- with this mask applied, we "punch" a heart shape hole into the circle -->
<circle cx="50" cy="50" r="50" mask="url(#myMask)" />
</svg>
The rendered svg looks like this:
After converting it to jpeg, the result looks like this:
The following svg is an example on how to use masks, taken from mozilla.org:
The rendered svg looks like this:![grafik](https://user-images.githubusercontent.com/14974257/70422080-61a13880-1a6b-11ea-92ef-55e145a4f01d.png)
After converting it to jpeg, the result looks like this:![grafik](https://user-images.githubusercontent.com/14974257/70422265-bcd32b00-1a6b-11ea-8791-b1597b6f34ca.png)
To convert the svg i used the following command:
If i use the same code to convert a svg without a mask, it works fine. Am I doing something wrong, or is it actually a bug?