element.contentDocument имеет значение null при попытке доступа к svg-файлу из данных. Работает нормально, когда я использую относительный путь
У меня есть особое требование, чтобы выбрать сложный SVG из местоположения, используя object data="file:/c:/test.svg"
и есть варианты масштабирования. Этот SVG внутри имеет другие png из того же места. Работает нормально, когда я даю относительный путь. Но мне нужно использовать file://c:/ absolute file path
,
При этом я получаю ошибку
Ошибка типа: element.contentDocument имеет значение null[Узнать больше] svg-pan-zoom.js:1713:9
<!DOCTYPE html>
<html>
<head>
<script src="../dist/svg-pan-zoom.js"></script>
</head>
<body>
<object id="demo-tiger" type="image/svg+xml"
data="file:/C:\Softwares\JavaScript\svg-pan-zoom-master\tiger.svg"
style="width: 500px; height: 500px; border:1px solid black; ">Your browser
does not support SVG</object>
<script>
window.onload = function() {
svgPanZoom('#demo-tiger', {
zoomEnabled: true,
controlIconsEnabled: true
});
};
</script>
</body>
</html>