javascript - jquery 动画 svg 图形而不使用 svg 插件或 ui 库只有核心

标签 javascript jquery svg

任何人都可以给我一些关于如何仅使用 jquery 核心制作 svg 图形动画的建议吗?基本上我想要做的是在鼠标悬停时将图形放大 10% 并添加一些 css3 样式?

所有的建议都很好

凯尔

最佳答案

答案:http://jsfiddle.net/morrison/LpPdP/

注意事项:

  • SVG 图像只是一个图像。您可以对 SVG 图像执行任何您可以对普通图像执行的操作。
  • 您可以通过 .hover 类设置样式。我选择在悬停时添加类 hover,因为这最有意义。

关于javascript - jquery 动画 svg 图形而不使用 svg 插件或 ui 库只有核心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6983587/

相关文章:

javascript - 不允许用户停止 javascript alert()

jquery - 是否可以使用 jQuery 制作一个不带任何插件的模式弹出窗口?

javascript - 单击按钮保存多个图像

animation - animateMotion SVG,延迟?

javascript - 依次绘制 D3 路径

css - 使用 CSS 的 SVG 渐变

javascript - 悬停时旋转,然后单击时保持在该位置,再次单击时返回原始位置

javascript - 什么是正确的 React 架构?

javascript - pop 函数不是从蛇数组中取出尾部吗?

javascript - 将两个 Bootstrap 列合并为一个并保持顺序