如何使用 jQuery 更改 SVG 元素属性
How to change SVG elements attributes using jQuery?
我正在使用SVG来显示一些动画。但是作为 SVG 的新手,我正在简单地使用经过试验和测试的 jQuery 动画来动画 SVG 元素,例如矩形和圆形等。
现在这不是jQuery Selector + SVG不兼容的副本吗?我想更改 a 的类 <rect class="my-class-1 box" ...></rect>
自 <rect class="my-class-2 box" ....></rect>
我已经尝试了addClass()和removeClass()的普通jquery方法。由于它们在HTML和SVG的DOM结构上的差异,这是行不通的。
所以我正在使用 http://keith-wood.name/svgRef.html 插件来执行 SVG 元素访问和动画。
卡在岩石和坚硬的地方之间
感谢帮助谢谢
要使用 jQuery svg 插件完成此操作,请为 rect 提供一些自定义 ID 属性,并将其用作选择器。 确保你也包括jquery.svgdom.js。
svgCanvas.polygon(group, getPoints(), { customID:'123', stroke: 'orange', strokeWidth: 2, class: 'my-class-1' });
现在要更改类,请使用以下选择器:
var selector = 'svg polygon[customID="123"]';
$(selector).removeClass('my-class-1').addClass('my-class-2');
相关文章:
- javascript来显示元素属性
- 自定义HTML元素属性未显示-Web组件
- 主元素属性?(或技术)
- 使用模板后,使用Angular获取元素属性值
- 如何从不同范围外的元素属性中获取求值表达式
- 可以't访问元素属性(如果已明确设置)
- 传递引用 jQuery 后无法访问元素属性
- 如何替换元素属性中的部分文本
- 添加新元素属性
- 如何使用jQuery访问父元素属性
- 使用jQuery.attr()方法获取元素属性
- 修改时,哪些DOM元素属性会导致浏览器执行回流操作
- Javascript数据将元素属性绑定到URL中的锚href
- 初始化可从元素属性值观察到的Knockout
- 获取内联样式中的元素属性
- 如何在 html 元素属性中使用 Angular 2 外推法
- 将元素属性与 javascript 折叠方法结合使用时,引导折叠无法正常工作
- 如何观察聚合物元素属性值从索引.html的变化
- 使用 JavaScript 修改 DOM 元素属性
- 聚合物节点到元素属性