"Ngoại lệ DOM 18" từ canvas

Question

Tôi đang chụp ảnh SVG, vẽ hình ảnh lên canvas và cố xuất nó quaDataURL, nhưng Chrome đang ném cho tôi lỗi bảo mật DOM ngoại lệ 18. Tôi biết vấn đề là vì tôi đã vẽ hình ảnh SVG lên canvas bằng lược đồ URI dữ liệu (dữ liệu: image/svg + xml; base64), vì vậy tôi đoán trình duyệt sẽ xem nó là tên miền chéo (nghĩa là vấn đề bảo mật), nhưng tôi không thể nghĩ ra bất kỳ cách nào khác để có được công cụ SVG của tôi trên canvas. Tôi không thể lưu trữ nó vì nội dung SVG là động và được thao tác đầu tiên trước khi cần được xuất qua toDataURL.

Tôi đã đọc qua một số câu hỏi tương tự khác được hỏi tại đây nhưng không thể tìm thấy giải pháp nào cho vấn đề của tôi.

Answer 1

Trong Chrome vẽ bất kỳ SVG vào một canvas taints nó vì SVG sức chứa một foreignObject, here is the bug. Chrome cũng gặp sự cố với số data URI schemes and canvas, vì vậy, bạn đang gặp phải sự cố đôi.

Answer 2

Tôi gặp vấn đề tương tự. Như một giải pháp thay thế, tôi đã sử dụng một số SVG to HTML5 Canvas Converter để chuyển đổi svg thành các cuộc gọi canvas.