Я пытаюсь загрузить изображение svg в холст для манипуляции с пикселями
Мне нужен метод типа toDataURL
или getImageData
для svg
в Chrome/Safari Я могу попробовать сделать это, а изображение и холст
var img = new Image()
img.onload = function(){
ctx.drawImage(img,0,0) //this correctly draws the svg image to the canvas! however...
var dataURL = canvas.toDataURL(); //SECURITY_ERR: DOM Exception 18
var data = ctx.getImageData(0,0,img.width, img.height).data //also SECURITY_ERR: DOM Exception 18
}
img.src = "image.svg" //that is an svg file. (same domain as html file :))
Но я получаю ошибки безопасности. Любой другой способ?
Вот живая демонстрация проблемы http://clstff.appspot.com/gist/462846 (вы можете просмотреть исходный код)