Blocked From Accessing Svg Document Rendered With Data Uri: Accessing A Cross-origin Frame Error

The goal is to access and edit a SVG document rendered via an iFrame with a Base64 data URI. Accessing the SVG document yields a cross-origin error, even though the iFrame is rende

Solution 1:

Yes data URLs documents are considered different origin. You can use a blob URL to achieve the same, without this restriction.

const blob = new Blob([markup], { type: "image/svg+xml" });
const url = URL.createObjectURL(blob);