html顶栏符号不显示,html – 带有USE标记的SVG无法呈现

本文探讨了在JavaScript中如何正确使用document.createElementNS和setAttributeNS来操作SVG元素,特别是关于SVG和xlink命名空间的实例。通过展示如何创建和插入带有链接的use元素,读者将理解在前端开发中处理SVG的必要性。
摘要由CSDN通过智能技术生成

毕竟它确实是命名空间的问题.

具体而言,必须使用document.createElementNS和node.setAttributeNS创建和设置SVG元素和属性.

$(document).ready(function(evt) {

var svgns = 'http://www.w3.org/2000/svg',

xlinkns = 'http://www.w3.org/1999/xlink',

use = document.createElementNS(svgns, 'use');

use.setAttributeNS(xlinkns, 'xlink:href', '#save');

document.getElementById('useSVG').appendChild(use);

});

#svgStore {

display: none;

}

#useSVG {

width: 16px;

height: 16px;

}

save

SVG use:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值