logo标签列表

如何使用Bobril将图片添加到SVG

javascriptimagetypescriptsvgbobril
3
我正在尝试使用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 中复制该元素并再次粘贴时，图像就会显示出来。我做错了什么？

1个回答
1

使用 href 代替 xlink:href。

xlink:href 自 SVG 2 开始已被弃用。

它能够工作的真正原因是这一行代码：https://github.com/Bobris/Bobril/blob/e642be6b19b1a04a0990e48dd3806990f3eab76d/package/index.ts#L450 - Bobris
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接