Я пытаюсь загрузить 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, но не из указанного каталога