SVG createElementNS 'use' 是可能的
SVG createElementNS 'use' is it possible?
缩短,我正在使用(使用)来复制代码添加到DOM的正方形(路径),但是只有1px(调试铬)。对第六个块用户不可见!谢谢!代码输入: 代码笔
$(function() {
$('#svg').css('visibility', 'visible');
$('#svg use').css('fill', '#fff');
function addAnim() {
var $first = $('#svg use:not(.anim):first');
$first.attr('class', 'anim').css('fill', '#F15A29');
$first.animate({fill : '#F15A29'}, 500);
setTimeout(function() {
addAnim();
}, 100);
}
function replicar(){
var svg = document.getElementById('svg');
var elemento= document.createElementNS('ttp://www.w3.org/2000/svg', 'use');
elemento.setAttribute('xlink:href', '#shape');
elemento.setAttribute('y', '62');
elemento.setAttribute('x', '124');
elemento.setAttribute('fill', '#3D6EB5');
svg.appendChild(elemento);
addAnim();
replicar();
});
您在这一行中缺少一个"h":
var elemento= document.createElementNS('http://www.w3.org/2000/svg', 'use');
此外,xlink 属性需要与 setAttributeNS
一起添加。
elemento.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#shape');
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何更改<svg>标记为<img>用js标记
- 锚点元素不't使用svg时,请打开EDGE上的href
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 使用onclick绘制SVG路径
- SVG/JavaScript:尝试选择和更改多边形点
- 顺时针旋转Svg元件
- 禁用SVG拖动
- 在select元素中显示highchart dashstyle(svg)
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 缩放Raphael/SVG容器以适应所有内容
- JavaScript-动态SVG-onload属性-未触发事件
- 设置动画时,SVG/Raphael大圆圈会变形
- 使用SVG和JavaScript创建波浪动画
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- D3.js生成有效的SVG,但不显示任何内容
- 更新链接形状时,Safari中的SVG clipPath与USE断开
- SVG createElementNS 'use' 是可能的
- SVG: <use>, javascript, and animation