Преобразование Svg в Png со стороны клиента

Question

Я работаю над веб-приложением, где пользователь может создавать проекты в Svg. Я хочу преобразовать проект svg в файл изображения png на стороне клиента. Я нашел решение использовать canvas, это хорошо работает в firefox, но в chrome он генерирует ошибку безопасности.

проверить код ниже спасибо: -

var mainsvg=document.getElementById('svgforImg');       
var canvas=document.getElementById('canvas');      
var ctx = canvas.getContext("2d"); 
         var data=mainsvg.innerHTML; 
         var DOMURL = self.URL || self.webkitURL || self; 
         var svg = new Blob([data], { 
           type: "image/svg+xml;charset=utf-8" 
         }); 
         var url = DOMURL.createObjectURL(svg); 
         var img = new Image(); 
img.onload = function() { 
           ctx.drawImage(img, 0, 0); 
           DOMURL.revokeObjectURL(url);         
           var imageurl = canvas.toDataURL("image/png"); 
} 

Теперь моя переменная ImageUrl содержит изображение 'base64 PNG. это работает в Firefox. Но в хромированной линии

var imageurl = canvas.toDataURL("image/png"); 

произвести ошибку безопасности.

Любая помощь будет высоко оценена.

Answer 1

Я думаю, что это связано с this question. С какого сервера создается SVG? Если он отличается от того, из которого приходит ваше приложение (помните: субонсы важны!), Вы могли бы добавить нужные http-заголовки на исходном сервере.