腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何从具有从illustrator导出的现有变换属性的原点
旋转
多个圆形
路径
、
、
、
我正在尝试从
svg
中生成
旋转
路径
的
动画
。我从illustrator中导出了一个文件作为
svg
,并按原样使用代码。但是,我无法实现
路径
在illustrator中最初放置的居中
旋转
,因为它们在导出时已经具有变换属性。我认为
路径
的预定义变换平移正在扰乱变换
旋转
动画
。在导出
svg
时,我们是否可以避免
路径
的transform属性,或者有没有一种方法可以在不改变
svg
中<em
浏览 31
提问于2019-04-01
得票数 1
回答已采纳
1
回答
SVG
路径
旋转
动画
-
更改
位置
、
、
、
、
我试图
旋转
我的3个
路径
,但当我这样做时,它改变了
位置
。
浏览 27
提问于2021-11-18
得票数 0
回答已采纳
1
回答
使用transform的
SVG
动画
抵消了元素
、
、
我试图通过
旋转
SVG
中的圆形元素来创建光晕效果,使用transform
旋转
。我使用getBox来获得要
旋转
的元素的中心点。当
旋转
发生时,
旋转
中心是准确的,总图像得到偏移,并与矩形框架不对齐。我尝试了另一个螺旋
路径
的例子。path对象也会得到偏移: 如何确保
动画
不影响
动画
元素的
位置
?
浏览 4
提问于2016-01-09
得票数 0
回答已采纳
1
回答
WebAnimations是否支持矢量形状变换
、
、
、
、
我们一直在使用
SVG
路径
动画
( SMIL ),因为CSS非常有限,现在已经听说SMIL将很快从所有浏览器中消失。有没有人知道WebAnimations是否会支持矢量形状
动画
,而不仅仅是经典的
位置
/
旋转
/缩放
动画
?
浏览 1
提问于2016-03-14
得票数 0
回答已采纳
2
回答
<object>在
svg
路径
上的定位
、
我有很多对象使用相同的
svg
路径
,这基本上是一个箭头。我想在另一个圆形的
svg
路径
上定位对象,这样箭头看起来就像在向外“辐射”。我读了几篇文章,其中说使用<object>对
svg
提供更多的控制,但我找不到如何将<object>定位到另一个
svg
<object>
路径
(循环)。不只是手动
旋转
每一个<object>,我想把它们放在一条
路径
上,这样在未来使它们变得更容易。我想让他们从滚动的中心
浏览 5
提问于2014-03-06
得票数 1
回答已采纳
2
回答
SVG
行程的
旋转
破折号
、
、
、
、
我期待
动画
的
旋转
的个人破折号的
SVG
stroke-dasharray,谁知道如何,考虑到这是可能的?我意识到我可以用CSS的transform:rotate()
旋转
SVG
元素的整个对象,但是有任何方法可以
旋转
单个破折号吗?我还意识到,我可以使用单个元素重新创建它,并
旋转
这些元素,但出于性能和简洁的原因,这并不是我想要做的。 ,如果你想要的话。我希望广场保持直立的
位置
,而不是
旋转
,因为他们在一个圆形的
路径
。
浏览 6
提问于2014-03-01
得票数 2
回答已采纳
1
回答
带有CSS和:悬停的
SVG
动画
、
、
当鼠标位于容器dom元素(A)上时,我试图
动画
svg
路径
,这个元素比
svg
元素本身大(对于更大的接触区域)。我不能
旋转
整个容器,因为
svg
元素将包含更多的
路径
,这应该是静态的。现在绿色箭头不接受鼠标离开时的初始
位置
,那我希望看到发生。HTML: <
svg
xmlns="http://www.w3.org/2000
浏览 2
提问于2015-11-30
得票数 0
回答已采纳
1
回答
使用Javascript和CSS移动
SVG
对象
、
、
、
我目前正在做一个
动画
SVG
,这包括被
旋转
的元素,移动,等等。我面临的问题是,我无法移动某些使用
路径
获得它的
位置
的元素。我现有的Javascript代码使用x属性移动一些元素,这是可行的,但仍然保留使用
路径
的元素。示例
SVG
对象: <path id="XMLID_1418_" d="m1247.8 933c0 17.3-14 31.4-31.4 31.4-17.3 0-31.4-14-31.4-31.4h62.8z" clas
浏览 3
提问于2016-01-22
得票数 0
回答已采纳
1
回答
如何在不影响其中文本的情况下
旋转
svg
元素
、
、
旋转
SVG
以从顶部启动加载器
动画
。但是,它只
旋转
it.How
路径
中的文本,而不影响其中的文本。 已尝试将
旋转
单独添加到
路径
。在这种情况下,
路径
未对齐为圆 <
svg
class="loader" id="loader-
svg
" viewBox="0 0 115 115" data-value="66"> <p
浏览 18
提问于2019-06-21
得票数 2
回答已采纳
3
回答
Raphael.js为具有给定中心点的
路径
的
旋转
设置
动画
、
、
、
我正在尝试设置三角形的
动画
(比如,角度测量仪的指针),使其在给定点
旋转
(参见红点)。var
svg
= Raphael("container",400,400),// doesn't
浏览 0
提问于2011-04-19
得票数 7
回答已采纳
1
回答
设置
SVG
触角移动的
动画
、
有没有人有幸将
SVG
动画
化为wave?我有一只章鱼,我想移动它的手臂,而不是绕着某个点
旋转
,我想移动
路径
上的点。从字面上讲,这是一种只设置点,然后将点设置到下一个手臂
位置
并在CSS中逐帧显示的情况?
浏览 0
提问于2014-08-27
得票数 1
1
回答
制作
SVG
路径
动画
、
、
、
、
我可以用
动画
通过
SVG
路径
的原点
旋转
它吗?我曾尝试在
svg
组上使用CSS关键帧,但这会使
路径
消失。理想情况下,我不想使用javascript,但如果没有其他方法,我会使用。
路径
在css样式的视差中,可能会因为坐标不正确而扰乱
SVG
viewbox。
浏览 0
提问于2015-11-13
得票数 0
1
回答
当svgjs
动画
时,
SVG
旋转
元素
、
、
、
、
我现在正在使用Javascript、Jquery、
SVG
和
SVG
.js。我想
旋转
一个圆关于它的起源,而它是
动画
。
动画
也在做同样的事情,所以我可以使用某种step函数,但是我什么也找不到。问题是,用我目前的解决方案,
动画
是简陋的,它必须停止
动画
,
旋转
圆,然后再启动它。这样就有了太多的延迟,并导致了摇摆运动。以下是设置代码:var innerCircle
浏览 1
提问于2017-11-19
得票数 5
回答已采纳
1
回答
FireFox中
SVG
的转换-原点
、
、
、
我有一组内嵌
SVG
的
路径
,我需要通过它的中心
旋转
。但问题是,FireFox没有解释
SVG
元素的转换原点属性。有没有人有办法解决这个问题,或者有人能给我指明正确的方向?
浏览 5
提问于2015-01-13
得票数 2
1
回答
Keith Wood的Jquery
SVG
插件:在没有
动画
的情况下变换?
、
、
、
、
使用Keith Wood的
SVG
Jquery插件,有没有办法在不使用
动画
功能的情况下移动/缩放/
旋转
路径
?我想要一个即时的改变,我猜
动画
功能有不必要的开销。我实际做的是创建一条
路径
,克隆它,然后
旋转
/移动它,然后重复。(例如,为时钟绘制多个刻度线)。 谢谢
浏览 1
提问于2013-03-02
得票数 0
1
回答
ShapeShifter
旋转
使用坐标0,0,而不是中心
、
、
、
我试图使用变形器来创建一个
动画
,但是无论我在向量中添加一个
旋转
动画
(我已经尝试过许多向量--有些是我创建的向量,还有一些是我在线下载的)--它在0,0坐标上
旋转
,而不是在图像的中心。复制步骤除非我遗漏了什么东西,否则这个应该
浏览 7
提问于2020-09-28
得票数 2
回答已采纳
1
回答
基于
SVG
和anime.js的CSS变换
、
、
我在做什么我期望圆圈从
svg
路径
的一端开始,在另一端结束。我在这里有一个演示: easing: 'easeInOutQuad'
浏览 0
提问于2018-02-22
得票数 0
1
回答
如何使文本在弯曲
路径
上来回移动HTML CSS
、
、
正如你在代码片段中看到的,我已经能够在一条直线上来回移动,但我不知道如何使它弯曲,并让它沿着这条弯曲的
路径
移动。另外,如果有人能帮我在文本到达
路径
的尽头时加快“缓解”速度,那就太好了。 <!
浏览 21
提问于2021-01-13
得票数 0
1
回答
SVG
路径
动画
、
、
、
您可以看到,需要为图片的sea部分制作waves
动画
,但是该部分的
SVG
代码是从Illustrator导出到
SVG
的,它非常复杂,使用了很多
路径
。所以我的问题是: 是否有一种方法可以用相同的
动画
动画
每条
路径
,
动画
是否有可能添加每个
路径
的当前
位置
,并将其“移动”到相对于当前
位置
的另一个
位置
?需要这样的东西:(假设我想把我的
路径
从原来的坐标水平移动到10 5px,垂直
浏览 10
提问于2022-06-17
得票数 2
回答已采纳
2
回答
SVG
上CSS
动画
的转换--在Chrome中工作,而不是FF
、
、
、
、
我试图创建一个简单的
动画
使用CSS和
SVG
:一个
旋转
齿轮。
动画
在Chrome中运行得很好,但Firefox没有。下面是执行中的代码:<div class="
svg
"> <
svg
x="0px" y="0px" width="200" height="200" viewBox="0 0 20
浏览 1
提问于2013-09-21
得票数 7
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG交互图文|推送里的路径动画是怎么做到的
SVG 图像入门教程
编写 SVG 的指南
和春天有个约会
SVG之旅:SVG线条动画实现原理
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券