search

dsward2 / macSVG

macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
http://macsvg.org/
Other
1.16k stars 70 forks source link

Unable to render SVG with embedded JavaScript correctly #28

Open dappvinci opened 1 year ago

dappvinci commented 1 year ago

I'm experiencing an issue when trying to render an SVG with embedded JavaScript using MacSVG. The SVG appears to be using features compatible with SVG 1.1.

<svg id="moon" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg&quot;&gt;         <mask id="moon-mask">       <rect width="100%" height="100%" fill="#fff" />       <ellipse id="moon" cx="300" cy="300" rx="250" ry="250">         <animate id="moon-animation" attributeName="cx" from="-250" to="1250" dur="45s" repeatCount="indefinite" />       </ellipse>     </mask>       <ellipse id="moonbg1" cx="300" cy="300" rx="250" ry="250" fill="black"/>       <g id="O">       <ellipse id="moonbg2" cx="300" cy="300" rx="140" ry="140" fill="white" fill-opacity=".80"/>       <ellipse id="moonbg3" cx="300" cy="300" rx="235" ry="235" fill="none" stroke-width="30" stroke="white" stroke-opacity=".80" />       </g>       <ellipse cx="300" cy="300" rx="250" ry="250" mask="url(#moon-mask)">         <animateTransform attributeName="transform" type="rotate" from="0 300 300" to="360 300 300" dur="180s" repeatCount="indefinite" />       </ellipse> </svg>