캔버스에서 "DOM Exception 18"

Question

SVG 이미지를 캔버스에 그려서 toDataURL을 통해 내보내려고하지만 Chrome에서 DOM 예외 18 보안 오류가 발생합니다. 문제는 데이터 URI 스키마 (데이터 : image/svg + xml; base64)를 사용하여 캔버스에 SVG 이미지를 그렸기 때문에 브라우저가 크로스 도메인 (예 : 보안 문제)으로 보았을 것입니다. 하지만 SVG를 캔버스에 가져 오는 다른 방법은 생각할 수 없습니다. SVG 컨텐츠가 toDataURL을 통해 익스포트되기 전에 먼저 동적이고 조작 된 것이기 때문에 호스트 할 수 없습니다.

다른 비슷한 질문을 여기서 읽었지만 내 문제에 대한 해결책을 찾지 못했습니다. 크롬에서

Answer 1

SVG 힘이 foreignObject, here is the bug를 포함하기 때문에 canvas 그것을 taints에 어떤 SVG 그리기. Chrome에도 data URI schemes and canvas와 관련된 문제가 있으므로 이중의 문제가 발생합니다.

Answer 2

동일한 문제가 있습니다. 임시 해결책으로 나는을 사용하여 svg를 캔버스 호출로 변환했습니다.