SVG CSS3动画坐标毛刺

文章/答案/技术大牛

发布

1回答

jquery、css、svg

我认为这是SVG和CSS坐标之争，但是有什么好的解决方案吗？

浏览 11提问于2017-01-25得票数 1

回答已采纳

2回答

SVG和CSS3动画的区别和相似之处？

css、svg

Sencha Animator专门使用CSS3动画。我想知道SVG和CSS3动画有什么相似和不同之处？

浏览 0提问于2011-11-19得票数 7

回答已采纳

2回答

使用CSS3 SVG动画向上绘制一条垂直线

css、svg、svg-animate

我是SVG动画的新手。如何使用CSS3 SVG动画增加垂直线？这条线应该从底部开始，向上增长到自定义高度(例如0到100)。我有以下代码： <line x1="0" y1="0" x2="0" y2="0" style="stroke:rgb(255,0,0);stroke-

浏览 26提问于2016-08-10得票数 0

1回答

RaphaelJS -与传统的SVG和CSS3相比的好处

javascript、css、svg、raphael

我希望在一个网站上做一些动画，并希望使用SVG图形。CSS3：传统上用于sprite/png动画，在缩放过程中会导致质量损失。传统的SVG

浏览 2提问于2015-06-01得票数 3

2回答

有没有任何方法可以使用纯Javascript/Jquery旋转SVG元素而不使用CSS3 transfrom。实际上，我试图用{ transform: rotate(45deg)}和动画化SVG，它在Chrome和Mozilla上运行得很好，但在IE transform:rotate(90deg)上，-ms-transfrom:rotate(90deg) dosen;t似乎在使用SVG元素。找到这个jqueryrotate.com插件，但是，这似乎是使用CSS3动画</

浏览 4提问于2016-05-21得票数 0

回答已采纳

2回答

使用Snap.svg实现SVG线动画

javascript、jquery、css、svg

我想学习如何做这个动画，我已经在SVG中生成使用CSS3动画，但我最近发现，FF，IE有一些问题与CSS3动画和CSS3变换在SVG中，所以我只与webkit工作，我决定使用Snap的其他，我想你知道我的意思无论如何，这是动画的一瞥： <svg version="1.1" id="Layer_1" xmlns="http://www.w3.o

浏览 2提问于2015-01-19得票数 3

1回答

SVG悬停动画毛刺问题

animation、svg、visual-glitch

我正在尝试激活此动画悬停，这是工作！但每次鼠标移动时，它都会再次触发，这是有问题的。有没有解决这个问题的办法？另外，有没有办法强制动画在鼠标移出后结束？<svg id="squid" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/M63.2,107.6c0,

浏览 6提问于2016-11-17得票数 0

1回答

SVG字动画

svg

我使用了css3动画，它在手机上看起来很落后。我选择使用svg作为动画。如何在svg中实现块动画。我是新来的。

浏览 3提问于2015-09-23得票数 3

回答已采纳

2回答

SVG CSS3动画的奇怪行为

css、animation、svg

在此之前，我应该说，我对SVG世界是全新的。我正在尝试一个使用SVG和CSS3动画的相当简单的实验。从我下面的链接中可以看到，整个SVG会奇怪地反弹，这可以通过从CSS中删除.arm类来删除。(这会停止具有arm类的单个红色圆圈组)。问题是，我希望红色圆圈组动画(旋转)，而整个更大的组也在旋转。

浏览 1提问于2013-02-28得票数 2

回答已采纳

1回答

SVG对象CSS3动画的缺陷？

performance、css、svg、css-animations

所以我只是进入SVG学习它是如何工作的。目前，我正在创建一个项目，该项目涉及以不同的速度旋转几个SVG <circle>，从而学习animateTransform如何工作。但是，我发现可以在SVG对象上使用CSS3动画(我更熟悉)。我意识到animateTransform可以做更复杂的动画，但我说的是一个简单的动画，这两个选项都有完成的能力。** 相比，(如果有的话)在SVG对象上使用的(如果有的话)动画有哪些缺点？ani

浏览 1提问于2013-12-05得票数 0

1回答

Mapbox:在悬停时改变圆的重量

leaflet、mapbox

我想改变重量到2px与平稳的动画悬停。

浏览 2提问于2016-01-06得票数 1

回答已采纳

1回答

使用jQuery鼠标悬停时的Svg颜色转换？

javascript、jquery、svg

我的html中有一个"svg“标签，这是一个soundcloud图标。我希望soundcloud图标在鼠标悬停时转换颜色，就像我在CSS中使用" transition“属性一样。

浏览 0提问于2013-10-12得票数 0

2回答

活生生的SVG电子环

jquery、css、animation、graphics、svg

我有以下.svg图形：我试图使电子动起来，以便它沿着圆环的曲率移动(当它被滚动时按比例移动)，直到某个点(如果电子翻转到这幅图像的想象x轴上时，电子可能处于相同的位置)：我对网络开发相当陌生我想我必须使用CSS3来获取实际的动画，并使用jQuery来捕获滚动事件；然而，我真的不知道我将从哪里开始。供参考的优化的.svg代码： <svg xmlns:svg="http://www.w3.org/2000/<em

浏览 2提问于2014-07-21得票数 14

回答已采纳

2回答

为什么我的文字会闪烁？

html、animation、css

我不知道是不是因为B)我有一个css3动画徽标(将鼠标悬停在徽标上)。我注意到这导致了一些奇怪的毛刺，因为它的动画(如果你看我的网站的最正确的描述，你可以看到文本轻微剥落作为动画)编辑:我在最新版本的chrome beta中注意到了这一点

浏览 0提问于2012-08-07得票数 0

回答已采纳

1回答

如何将带有CSS3和SVG的HTML转换成图像--最好是从Java？

java、css、svg

给定一个具有CSS3 (包括3D转换和SVG )的HTML输入，我想创建一个PNG，它可以提供给较旧的浏览器，也可以用作社交媒体上的缩略图。我的想法是，我可能有一个SVG在网页上，然后使用CSS3提供3D透视图，我想要从它的图像。是否有一种纯Java的方法来做到这一点？我想在服务器环境(无头)中进行这些转换。当然，我可以使用Batik将SVG转换成图像，但这里的关键是使用CSS 3D转换获得HTML以实现光栅化。如果我可以用CSS3或SVG动画获取一

浏览 4提问于2015-06-23得票数 2

回答已采纳

2回答

如何在svg对象标签上使用css3动画？

css、svg

我将一个svg文件加载到一个object标记中，并希望对其进行动画处理。我这里有一段简单的测试代码，但有一个问题：谢谢

浏览 0提问于2015-06-27得票数 1

1回答

如何防止SVG中的动画元素溢出？

css、svg

我有一个SVG元素，我正在使用CSS3来动画。我在SVG中缩放(transform: scale())元素，但是它们在SVG图像的边界之外显示。为您的测试提供了一个

浏览 0提问于2014-07-31得票数 1

回答已采纳

2回答

缩放时svg模糊

css、svg

我已经创建了一个svg图像，现在的问题是我试图用css3动画来动画该图像 from {transform: scale(1);}} 但图像在动画过程中变得模糊，并在动画之后立即变得很好。有没有在动画过程中不模糊图像的解决方案？

浏览 10提问于2014-12-20得票数 0

2回答

使用Dart为SVG元素设置动画

animation、dart

我想使用Dart来制作SVG元素的动画。这就是缓慢地将"dart:svg“包的RectElement从一个y坐标移动到另一个y坐标。不幸的是，我找不到一个例子。我还尝试使用这里的动画包，但它似乎不能与SVG元素一起工作。

浏览 3提问于2013-05-24得票数 3

回答已采纳

1回答

如何将立方bezier值转换为自定义mina宽松(snap.svg)

animation、easing、snap.svg

我正在尝试为snap.svg动画创建自定义宽松。我看了文档()，但我不清楚如何用Snap.svg将CSS3样式的立方体-贝塞尔(例如:立方体-贝塞尔(0.17，0.67，0.25，0.99))转换为定制宽松。

浏览 3提问于2014-08-12得票数 5

回答已采纳

点击加载更多