javascript - 如何使用 Bobril 将图像添加到 SVG

标签 javascript image typescript svg bobril

我正在尝试使用 Bobril 将图像添加到 SVG,但这段代码不起作用:

{
    tag: 'svg',
    children: {
        tag: 'image',
        attrs: {
            'xlink:href': 'https://raw.githubusercontent.com/Bobris/Bobril/master/logo.png',
            x: 0,
            y: 0,
            width: 200,
            height: 200
        }
    }
}

图像标签添加到页面,但没有显示图像。当我在 Chrome 的 DevTools 中复制元素并再次粘贴时,会显示图像。我究竟做错了什么?

最佳答案

只使用 href 而不是 'xlink:href'。

xlink:href 自 SVG 2 以来已弃用

关于javascript - 如何使用 Bobril 将图像添加到 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42178932/

相关文章:

javascript - 媒体源扩展视频崩溃(内存泄漏)

css - 不确定如何从 css 中的图像中删除下划线

image - 将图像嵌入视频 - FFMPEG 或 JW 播放器?

javascript - 如何在 setAttribute java 脚本函数中动态添加输入类型范围缩略图 css

html - 如何将 contentchildren 的每个 child 包装在 Angular 中自己的元素中

javascript - 为什么 Infinity 传递给 interval 在 Rx.js 中不会永远等待?

javascript - 是否可以在 javascript 中检查空内联?

python - 在 OS X Lion : initialization from incompatible pointer type 上安装 PIL

typescript - typescript 中的可选属性类

javascript - 当在模板内部使用粘性指令时,ngSticky 插件不起作用