Skip to content

Unable to render SVG with embedded JavaScript correctly #28

@dappvinci

Description

@dappvinci

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">
        <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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions