腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
围绕
另一个
正在
移动
的
元素
的
中心
旋转
svg
元素
?
css
、
svg
、
svg-animate
我不知道
如何
将一个
svg
元素
的
旋转
中心
设置为
另一个
正在
移动
的
svg
元素
的
中心
。我应该怎么做才能使
元素
"c2“(红圈)
的
旋转
中心
成为圆"c1”(蓝圈)
的
中心
,这样通过改变"c1“
的
位置,&quo
浏览 17
提问于2021-04-22
得票数 3
回答已采纳
1
回答
SVG
中枢轴
的
旋转
仿真
math
、
svg
、
computational-geometry
我试图在
SVG
组
元素
上模拟枢轴
旋转
(
围绕
某个点
旋转
一个
元素
,而不是
围绕
它
的
中心
)。
另一个
函数,它可以将
元素
绕着它
的
中心
依次
旋转
。angle) * (element.x - x)
浏览 4
提问于2015-03-06
得票数 0
回答已采纳
1
回答
Snap.
svg
边
移动
边
旋转
snap.svg
、
svg.js
Svg
.js有一个很棒
的
特性,您可以同时对
元素
的
transform属性
的
平移和
旋转
属性进行动画处理。换句话说,当对象在屏幕上
移动
时,它
围绕
自己
的
中心
点
旋转
。
如何
在Snap.
svg
中做到这一点呢?
浏览 3
提问于2014-07-07
得票数 0
3
回答
SVG
文本
旋转
svg
、
jquery-svg
我有一个文本与textContent“设计”,这是转换与css
旋转
90度
围绕
中心
(100,100),所以它垂直显示。它
围绕
中心
旋转
整个坐标系,我希望
元素
(即“设计”)单独应该
旋转
结果:期望值:
SVG
:<text x="70" y="30" width="64" height=&q
浏览 8
提问于2013-05-23
得票数 5
1
回答
Chrome中
的
旋转
和变换原点
css
、
svg
根据文档,如果我想在
SVG
元素
的
中心
旋转
,我要做
的
就是在css文件中添加2行: transform-origin: center; 然而,实际上,
元素
是
围绕
SVG
的
中心
旋转
的
,而不是
元素
的
中心
。我是做错什么了还是预期
的
行为?参见这里<
浏览 0
提问于2018-04-19
得票数 0
回答已采纳
1
回答
可以在一个
SVG
元素
上运行两个不同
的
动画吗?
javascript
、
svg
、
snap.svg
我
正在
使用Snap.
svg
来制作这个动画。基本上,我想
围绕
一个点
旋转
一个
元素
,但我希望
元素
在
旋转
时仍然朝向相同
的
方向。请检查此 <circle transform="translate(200,200)" r="10" fill="transparent" stroke="#aaa"
浏览 1
提问于2014-03-08
得票数 1
1
回答
Jquery
SVG
转换奇怪
的
行为
jquery
、
svg
、
transform
、
jquery-svg
我
正在
尝试使用以下代码
旋转
一个
SVG
<polygon> (或任何其他
元素
):$(
svg
._
svg
).animate({svgTransform: 'rotate(720,100,100)'}, 2000); 多边形确实改变了它
的
角度,但有一些奇怪
的
运动轨迹。请转到此链
浏览 1
提问于2012-03-23
得票数 0
回答已采纳
1
回答
使用css
围绕
中心
文本位置
旋转
svg
文本
css
、
svg
、
rotation
、
overwrite
我想对
SVG
中
的
一组
元素
应用一个css
旋转
变换,这样每个
元素
都可以独立
旋转
,而不必计算css中每个
元素
的
中心
。例如,我有一个看起来像左边
的
图片
的
SVG
,并且想要应用css来实现右边
的
效果 ?transform="translate(100 100)" text-anchor="middle">Text 2<&
浏览 34
提问于2020-04-25
得票数 4
回答已采纳
1
回答
剪裁图元
的
svg
.js
旋转
中心
javascript
、
svg
、
svg.js
Svg
.js
旋转
动画,因为它默认使用
元素
的
中心
点,即使当
元素
从一个点
移动
到
另一个
点时也是如此,但现在当我向图像添加剪切路径时,我是,因为
中心
点仍然是原始图像
的
中心
,即使它在剪切路径之外。我想用剪裁路径
的
中心
点来代替。我能找到
的
最接近
的
东西是。draw.rect(60,60) var picture = draw.image(im
浏览 2
提问于2014-05-07
得票数 0
1
回答
相对于父
元素
的
中心
旋转
子
元素
c#
、
wpf
、
rotation
、
image-rotation
我需要根据WPF中父
元素
的
中心
旋转
子
元素
。想象一下,你有一张地图,正看着芝加哥,它就在你
的
屏幕中央。您想要能够
旋转
地图
围绕
您
的
屏幕
中心
。用户可以在地图上
的
任何地方进行平移,但是
旋转
总是相对于父
元素
的
中心
。 最初,我在父
元素
上做了一个RotateTransform,它工作得很好,但是在
旋转
之后,
浏览 5
提问于2014-05-28
得票数 0
回答已采纳
1
回答
在
SVG
中
旋转
对象
svg
、
rotation
我刚刚开始使用
SVG
,现在
正在
尝试
旋转
对象。这是我
的
代码。<
svg
version="1.1&
浏览 3
提问于2012-02-29
得票数 3
回答已采纳
1
回答
围绕
中心
旋转
SVG
图标
svg
我
正在
尝试
旋转
一个
SVG
图标
围绕
它
的
中心
,但这似乎并不像人们所想
的
那样。这是原始
的
SVG
,带有我想要
旋转
的
图标。 <
svg
width="692" height="502" style="background-color:white" xmlns:xlink="http://www.w
浏览 18
提问于2020-05-09
得票数 0
2
回答
如何
更改
svg
文本
的
方向
angularjs
、
svg
、
d3.js
我试图把我
的
文字Y标签定位为从上到下--我让它自下而上地工作,但是改变
旋转
并不是为了我自己。这是我
的
Plunkr -
svg
.append("text") .attr("text-anchor"-.75em") .attr("transform", "rot
浏览 0
提问于2014-12-04
得票数 0
回答已采纳
1
回答
在网格上
旋转
矩形单元90度
javascript
、
jquery
、
css
、
rotation
我
正在
制作一个webapp,你可以在网格上放置
元素
,
移动
它们并
旋转
它们。 当im使用jQuery向
元素
添加类时,就会发生
旋转
,而实际
的
旋转
是
浏览 4
提问于2015-01-07
得票数 5
回答已采纳
1
回答
如何
沿运动路径正确设置
元素
的
方向?
html
、
svg
、
path
<
svg
width="800" height="600"> <animateMotionrotate="auto" path="M200,0 m-200,0 a200,200 0 1,0 400,0 a200,200 0 1,0 -400,0&
浏览 4
提问于2017-08-07
得票数 1
回答已采纳
2
回答
在D3js中将文本附加到
围绕
原点
旋转
的
SVG
‘矩形中
javascript
、
d3.js
我有一个大圆
SVG
元素
和四个rect
元素
,它们正确地
围绕
着它
的
边缘
旋转
。,其中110和155是圆
的
中心
坐标。通常我会做一些类似的事情 .data(data) .append('text') 然后,我将使用为文本
的
矩形指定
的
相同
的
x和y坐标但是,由于我使用
的</e
浏览 5
提问于2015-07-18
得票数 0
回答已采纳
2
回答
围绕
对象
中心
旋转
SVG
重复
的
<use>
元素
html
、
css
、
svg
、
rotation
、
transform
我试图通过CSS
旋转
一个包含
SVG
的
对象。我很难让
旋转
围绕
元素
的
中心
,虽然“转换-原点”是设置
的
。HTML: <
svg
xmlns="http://www.w3.org/2000/
svg
" width="8.94" height="31.23" viewBox="0 0 8.94 31
浏览 5
提问于2017-09-03
得票数 3
1
回答
使用transform
的
SVG
动画抵消了
元素
javascript
、
svg
、
svg-animate
我试图通过
旋转
SVG
中
的
圆形
元素
来创建光晕效果,使用transform
旋转
。我使用getBox来获得要
旋转
的
元素
的
中心
点。当
旋转
发生时,
旋转
中心
是准确
的
,总图像得到偏移,并与矩形框架不对齐。我尝试了
另一个
螺旋路径
的
例子。path对象也会得到偏移:
如何
确保动画不影响动画
元素</em
浏览 4
提问于2016-01-09
得票数 0
回答已采纳
0
回答
使用mousedown和mousemove
的
更好方法?
javascript
、
jquery
、
coffeescript
我
正在
使用以下方法
围绕
中心
点
旋转
图元。rotateAnnotationCropper $('.innerCircle').parent(), event.pageX, event.pageY, $(this) rotate = 'rotate(' + centerAngle + 90 + 'deg)' + ' translateX(-
浏览 1
提问于2017-06-11
得票数 0
回答已采纳
1
回答
使用javascript在某一点(不使用转换原点)周围
旋转
元素
。
javascript
、
rotation
、
trigonometry
我希望能够在
元素
被
旋转
到某个点之后返回它
的
一个协序。到目前为止,这就是我所掌握
的
(但这是不正确
的
)。
浏览 0
提问于2012-02-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
编写 SVG 的指南
SVG 图像入门教程
开源推荐 | 基于fabric.js的多页面图片设计,支持文字、图片、形状、线条、二维码 、条形码几种最常用的元素类型
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券