1回答
我正在尝试使用CSS转换显示SVG元素的旋转并立即生成动画。const node = getSVGElement(); // Has 'transform' set to 'rotate(0)'node.setAttribute('transform', `rotate(${someOthe
浏览 36提问于2021-09-26得票数 1
我有一个代码，它使用php和imagemagick从svg生成gif文件。下面是示例svg代码。假设动画是通过从0到1的比例变换标度值来创建的，那么如何使用svg元素属性x、y、宽度、高度来获得转换矩阵，以使变换原点中心化？注意:我使用php完成所有的计算，并使用Imagemagick将其转换为光栅，我认为这不支持css转换的样式。下面的链接是当前实现<
浏览 1提问于2019-01-17得票数 1
回答已采纳
1回答
我有一个svg元素，它应用了一个下拉阴影css滤镜模糊，如下所示： opacity: 0;}
transision: opacity 1s;}
当包含的div应用了active类时，元素会像预期的那样淡入，但当过渡时间结束时，模糊程度会变小。这就
浏览 1提问于2017-04-02得票数 1
2回答
我在页面上的object标签中包含了一个SVG图像文件，如下所示： <!-- fallback image in CSS -->有问题的图像是世界地图，我想在鼠标悬停在group上时转换fill属性，在本例中，我按大陆对我的
浏览 1提问于2013-11-16得票数 75
回答已采纳
2回答
D3变换尺度下的刷坐标
、、、、
D3画笔在css变换尺度下不能正常工作。当svg在div元素下，而div元素使用CSS标度进行转换时，刷操作显示错误的坐标。这是对的简单修改。我所做的只是简单地将SVG放在div元素中，并使用CSS转换比例(0.5)将div元素放大50%。而且，由于缩放，刷牙坐标没有更新。
浏览 6提问于2015-07-08得票数 1
回答已采纳
在iPad 1上使用HTML5和CSS3应用程序进行开发后，我们对CSS3动画/过渡/变换(硬件加速)的性能感到失望。我们希望iPad 2能带来更多的动力，并在这方面表现得更好。但事实真的是这样吗？我们不能使用iPad 2，并且听说iPad 2在处理CSS3动画/过渡/变换方面仍然存在问题，速度慢，不可靠。
有没有人能说明这一点？
浏览 1提问于2011-04-20得票数 1
回答已采纳
1回答
用CSS动画<img> svg？
、、、、
我在CSS-Tricks上读过一篇关于在svg图像中设置元素动画的。作者通过在svg中添加CSS-classes来处理不同的元素。我想使用这种技术，但不幸的是在背景图像上。所以svg在CSS中被设置为背景图像，而不是内联的。在不将svg直接放入我的HTML中的情况下，是否有机会达到同样
浏览 0提问于2014-11-15得票数 0
1回答
我有多个<svg> (！)元素的位置是绝对的，带有初始参数left:0和top:0，以及一个名为btn的div。当我悬停btn时，我通过jQuery在这些svg元素上设置动画，如下所示 function(){
$(this).parent().parent()).parent().find(".svg-circle").attr(
浏览 7提问于2017-08-03得票数 0
回答已采纳
1回答
我想使用媒体查询调整d3.js图表的大小，并应用过渡。html中的图形设置为：<svg class="d3svg"></svg>
<script src="JS\D3_BarChart.js"></script>它就是上面显示的.d3svg类。我可以在d3.js文件中使用一
浏览 21提问于2019-07-20得票数 0
1回答
我目前正在尝试使用CSS转换旋转SVG组，并使用CSS转换为其设置动画。我得到了想要的变换，但没有动画，你知道问题可能是什么吗？内联SVG代码 <svg xmlns="http://www.w3.org/2000/svg&qu
浏览 0提问于2013-09-02得票数 5
回答已采纳
我有一个svg图像，当我点击一个复选框时，它旋转360度。我用style.transform。但当我取消检查时，它不会再这样做了。<label for="myCheck"><img src="logo.svg&q
浏览 0提问于2019-08-24得票数 1
回答已采纳
1回答
SVG跟随指针动画口吃
、、、
当SVG元素被动画化(平移、缩放或旋转)时，跟随我的指针的SVG的转换会结结巴巴。有趣的是，当窗口没有聚焦时，过渡仍然是平稳的。
如果我将转换应用于SV
浏览 0提问于2022-09-15得票数 0
4回答
我有一个非常简单的加载动画，可以在火狐和Chrome上完美地工作，但在IE11中它不能显示SVG图形。下面是完整的示例：<svg class="circular-loader" viewBox="25 25 50 50">
<circle class="loader-path" cx="50" cy="50" r="20" fill=&
浏览 0提问于2015-11-20得票数 30
1回答
我已经做了一些阅读，但还没有找到或找到一个解决我的问题的工作方案。我有一组内嵌SVG的路径，我需要通过它的中心旋转。但问题是，FireFox没有解释SVG元素的转换原点属性。有没有人有办法解决这个问题，或者有人能给我指明正确的方向？目标元素
#seconds-toppe
浏览 5提问于2015-01-13得票数 2
1回答
背景：transform: rotate(45deg);但我知道
CSS 2D旋转转换使用元素的50%, 50%点作为旋转轴；而SVG 2D旋转转换使用在第2和第3参数中提供的x, y协调作为旋转轴。但是，请注意CSS属性和属性在语法上有一些不同。请参阅CSS</
浏览 9提问于2020-01-28得票数 1
回答已采纳
1回答
在我正在做的SVG动画中，我需要帮助。在使用svg的旋转时，您将了解更多。对于如何在Illustrator中更改代码/SVG，有什么建议/解决方案吗？(我对XML一无所知，所以我不知道XML代码是什么意思。)C89.8
浏览 7提问于2017-01-25得票数 1
2回答
转换svg插图中的css属性
、、、、
我第一次尝试用css对用svg制作的插图进行动画处理，但我有一个不知道如何解决的问题。有人知道我做错了什么吗？ <style> <
浏览 0提问于2021-06-13得票数 0
我想应用CSS移动过渡到具有transform属性的元素。<li>three</li> <li>two</li> <li>one</li>
</ul> CSS示例视频在这里：https:/
浏览 12提问于2019-09-12得票数 0
1回答
我有一堆子元素，它们绝对定位在父容器中。我想将它们中的一些移动到相对于它们的父容器的位置，只使用CSS转换。这个是可能的吗？似乎CSS翻译只能做绝对距离。使用CSS变换的要求是因为这是一个动画过渡，我希望硬件加速起作用，如果使用左/上，就不会发生这种情况。
我可以
浏览 1提问于2012-07-14得票数 1
1回答
我正在尝试使用svg图形作为放大页面的过渡。这个html页面有一个将覆盖整个屏幕的SVG元素，其中有一个<g>元素，我希望它在其父svg元素的中间水平和垂直居中，因此在视口的中间。我尝试过使用CSS (绝对定位、translateX()等)，但都没有用。这有可能吗？
这是一个。
浏览 2提问于2014-07-13得票数 11
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
