jquery动画svg图形而不使用svg插件或ui库只有核心 [英] jquery animating svg graphics without using the svg plugin or ui library only the core

问题描述

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

can anyone give me some advice on how to animate svg graphics using jquery core only? basically what i want to be able to do is enlarge the graphic by 10% on hover and also add some css3 styles?

所有建议都很棒

Kyle

推荐答案

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

Answer: http://jsfiddle.net/morrison/LpPdP/

注意：

• SVG图片只是一张图片。你可以做您可以使用普通图像创建任何SVG图像。


• 您可以通过 .hover 类设置样式。我选择在您悬停时添加班级悬停，因为这是最有意义的。

• The SVG image is simply an image. You can do anything to an SVG image that you can with a normal image.
• You can style via .hover class. I chose to add the class hover when you hover, as that made the most sense.

这篇关于jquery动画svg图形而不使用svg插件或ui库只有核心的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！