Путь для изображения SVG toDataURL - PullRequest
Новая
       16

Путь для изображения SVG toDataURL

0 голосов
/ 21 февраля 2019

Я пытаюсь загрузить SVG-изображение в формате PDF.

Ниже приведен мой код 

 function toDataURL(url, callback) {
 var xhr = new XMLHttpRequest();
 xhr.onload = function() {
 var reader = new FileReader();
 reader.onloadend = function() {
  callback(reader.result);
 }
 reader.readAsDataURL(xhr.response);
 };
 xhr.open('GET', url);
 xhr.responseType = 'blob';
 xhr.send();
 }

var svgImg = document.createElementNS('http://www.w3.org/2000/svg','svg');
svgImg.setAttribute('xmlns:xlink','http://www.w3.org/1999/xlink');
svgImg.setAttribute('height','200');
svgImg.setAttribute('width','230');
svgImg.setAttribute('id','test');

var svgimg = document.createElementNS('http://www.w3.org/2000/svg','image');
svgimg.setAttribute('height','185');
svgimg.setAttribute('width','230');
svgimg.setAttribute('id','testimg');

// convert image and add to svg image object
toDataURL('/opt/data/APP_DATA/Pictures/Picture1.jpg', function(dataUrl) {
svgimg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', dataUrl);
});
svgimg.setAttribute('x','40');
svgimg.setAttribute('y','410');

svgImg.appendChild(svgimg);

Если указать путь в строке ниже

Если я объявляю изображение как 

toDataURL('http://www-1234.com/Project/Pictures/Picture1.jpg', function(dataUrl) {

, оно отображает изображение.

, если я даю его как 

toDataURL('/opt/Data/APP_DATA/Pictures/Picture1.jpg', function(dataUrl) {

, оно не отображает изображение

Мне нужно получить изображения, которые находятся в одном каталоге за src.

Это отображается в консоли как "http://www -12344.com / opt / DATA / APP_DATA / Pictures /Picture1.jpg"не найден

Изображения со ссылкой на внешний ресурс не поддерживаются!

Может кто-нибудь из вас, пожалуйста, подскажите мне, как отобразить изображение в формате PDF.Если вы также даете прямой URL-адрес изображения из браузера, оно загружается в PDF, но не из указанного каталога

...