angular - 我可以使用 SVG在数据 URI 或通过 createObjectURL 中带有外部引用的标记？

Question

这适用于html页面：

<svg><use xlink:href="assets/markers.svg#MarkerType_Admin" /></svg>

这不起作用

<img href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cuse xlink:href='assets/markers.svg%23MarkerType_Admin' /%3E%3C/svg%3E" />

这也不起作用：

const temp = `<svg xmlns="http://www.w3.org/2000/svg">
<use xlink:href="http://localhost:49374/assets/markers.svg#MarkerType_Center" /></svg>`;
const blob = new Blob([temp], { type: 'image/svg+xml' });
myImageElement.href= URL.createObjectURL(blob);

外部引用是否仅在您使用 SVG DOM 元素时才有效？

标签： angulartypescriptsvg