腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
传单:变焦后,变焦前如何获得lat lng的像素位置
javascript
、
svg
、
d3.js
、
leaflet
、
mapbox
我想要转换:将一个
SVG
组转换成一个latLng像素位置,并在
缩放
后保持该位置。.}); 我试着查看来源,看看传单标记是如何重新定位的,因为这本质上是我试图模仿的行为,但没有效果。
浏览 3
提问于2015-01-23
得票数 2
回答已采纳
1
回答
使用
css
动画
从
中心
缩放
svg
css
、
svg
、
css-animations
、
svg-animate
我读了几篇关于从
中心
缩放
SVG
路径的文章,但都不起作用。 { } <
svg
width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http:
浏览 28
提问于2019-08-23
得票数 0
回答已采纳
2
回答
css
动画
-将元素
从
其位置
缩放
到
中心
javascript
、
css
、
css-animations
、
zooming
这是我想要的效果的一个例子: 我希望将元素(不仅仅是图像)
缩放
到
中心
,并
使用
一个
动画
缩放
元素
从
其位置
缩放
到页面的
中心
。
动画
应该是基于
css
的,JS不应该用于
动画
目的。我尝试了下面的代码,它不能完成这项工作:
使用
css</
浏览 3
提问于2018-08-23
得票数 3
1
回答
缩放
SVG
国家地图相对于选定的地区
中心
javascript
、
html
、
css
、
animation
、
svg
我有一个
svg
国家地图,当你点击一个区域,然后看到一个相对于选定区域的
动画
缩放
,即在一个点击区域的
中心
有transform-origin点的
缩放
时,我试图达到这个效果。我更希望不要
使用
任何库。首先,为什么,当我们设置
svg
viewBox属性时,
使用
getBoundingClientRect()点绘制的polygon不匹配它们的实际元素
svg
、map、e.target 如果我们添加一些像这样的系数如果我试图通过添加以下内容来更改v
浏览 1
提问于2016-04-12
得票数 1
回答已采纳
1
回答
SVG
从
中心
缩放
jquery
、
svg
、
jquery-animate
、
scale
、
center
我一直在尝试在我的网站上
缩放
我的徽标,这样它就可以填充背景。这个想法是,整个浏览器视区应该“潜入”到徽标的
中心
。为此,我制作了一个标识的
SVG
文件,并在我的网站中包含了jQuery
SVG
。我已经开始掌握jQuery
SVG
动画
的诀窍了,但是我不能让整个东西从
中心
开始
缩放
。在研究的过程中,我突然想到了一个想法,那就是人们应该随着
SVG
的
缩放
而转换它,但我还没有完全弄清楚算法或如何将其与jQuery
动画</em
浏览 3
提问于2012-07-19
得票数 1
回答已采纳
1
回答
动画
化和旋转
中心
周围可
缩放
的
SVG
对象
css
、
svg
我想通过旋转它的
中心
来
动画
我的
SVG
,但是由于
SVG
的大小不同,
中心
点的变化取决于它在我的网页中
使用
的位置。这是我的
SVG
:<
svg
class="spinner" width="28px" height="28px" xmlns="http://www.w3.org/2000/
svg
" viewBox我
浏览 3
提问于2017-08-09
得票数 1
回答已采纳
1
回答
SVG
子元素上的
CSS
变换原点问题
html
、
css
、
animation
、
svg
我在尝试
缩放
子元素时遇到了关于转换原点的问题。 在尝试
缩放
较大
svg
中的长方体
动画
时,它
使用
来自整个
svg
的变换原点(0,0),而不是我试图
缩放
的元素的
中心
。这使得它看起来像是“
从
左上角飞进来”,这不是我想要的。我正在寻找使它从元素
中心
的规模。 如何在不硬编码子元素本身的(x,y)位置的情况下,相对于我正在制作
动画
的特定元素设置转换原点。scale(0);} to {transform: sca
浏览 21
提问于2019-05-22
得票数 2
回答已采纳
1
回答
WebAnimations是否支持矢量形状变换
svg
、
vector
、
shapes
、
smil
、
web-animations
我们一直在
使用
SVG
路径
动画
( SMIL ),因为
CSS
非常有限,现在已经听说SMIL将很快
从
所有浏览器中消失。有没有人知道WebAnimations是否会支持矢量形状
动画
,而不仅仅是经典的位置/旋转/
缩放
动画
?
浏览 1
提问于2016-03-14
得票数 0
回答已采纳
2
回答
如何在
SVG
中“
缩放
”时保持viewBox
中心
?
html
、
css
、
svg
、
zooming
、
viewbox
我经常
使用
viewBox属性“
缩放
”
SVG
元素。当然,
缩放
是通过对viewBox属性
使用
较低的宽度和高度值来完成的,但是x和y值很难确定以保持场景为
中心
。场景是
缩放
,
从
左上角开始。 </body>减半宽度和高度是不一致的viewBox="12.5 12.5 25 25"应该继续<em
浏览 6
提问于2017-08-18
得票数 7
回答已采纳
1
回答
如何设置嵌套
SVG
的旋转
中心
css
、
svg
、
css-transitions
我想旋转一个嵌套的
SVG
元素(一条折线)围绕它的
中心
,而不是(0,0)。旋转是
动画
(转换),因为我想用样式触发它,所以我编写了一个“standart”
CSS
转换(我的意思是它不是
SVG
动画
,我想它也是一样的吗?)另一件事:
SVG
被容器调整了大小,它是viewBox属性,如您所见: <
svg
version="1.1" id="svgh
浏览 2
提问于2015-10-17
得票数 1
回答已采纳
2
回答
使用
快速
动画
将
SVG
元素
缩放
到给定的区域
javascript
、
animation
、
svg
我想
缩放
一个
SVG
元素,以适应(保持高宽比)一个给定的
SVG
区域。我知道
动画
会执行相关的
动画
原则上,应该可以通过计算转换和
缩放
的参数来实现我想要的结果。t的参数似乎是相对的x,y位置,而s的参数是标度因子和尺度
中心
的坐标。然而,组合翻译和
缩放
是如何工作的呢?相对平移位置与标度等是否成比例?换句话说:如何从
动画
目标元素的左上角和右下角的坐标计
浏览 3
提问于2016-04-02
得票数 0
回答已采纳
3
回答
使用
Hammer.js
缩放
SVG
javascript
、
jquery
、
svg
、
hammer.js
我正在编写一个
使用
SVG
显示信息的跨平台web应用程序。我需要有一个多点触摸界面来平移和
缩放
SVG
图形。
从
我的研究来看,Hammer.js似乎是我最好的方法,而且我
使用
的是jQuery库版本。我可以
使用
SVG
的viewBox属性平移和
缩放
图像。我遇到的问题是在收缩
缩放
时
使用
中心
点信息(而不是
从
左上角
缩放
)。那个
中心
点,在我的图像
浏览 1
提问于2013-08-16
得票数 4
1
回答
svg
-pan-
缩放
平移/
缩放
到任何对象
javascript
、
svg
我正在
使用
svg
-
svg
zoom代码来制作某种类型的
svg
地图,现在是时候在单击事件时添加一个功能来平移和
缩放
到
svg
的艺术组件了。但是,我不确定如何
使用
panBy()函数来获得所需的
svg
艺术项目:我尝试在我希望平移到的组上
使用
getBBox(),并将其与panZoomInstance.getPan()和getSizes()信息一起
使用
我想要完成与他们的示例()相同的
动画
,但将视区居中到项目
浏览 5
提问于2018-08-26
得票数 3
回答已采纳
1
回答
如何修复
svg
中未
缩放
的圆:未出现错误
css
、
animation
、
svg
、
geometry
、
scale
我正在尝试
使用
SVG
中的
缩放
动画
将圆
从
1px半径扩展到20px半径。当前的半径是1px,我正在尝试将其
缩放
到20倍。问题是,每当我尝试运行代码时,1px点就会对角地向上和向左移动,然后突然移动到
SVG
的外侧。我尝试过在atributeName="r"和atributeName="transform" type="scale"中
使用
atributeType="xml" 这是整
浏览 1
提问于2019-04-29
得票数 1
2
回答
CSS
动画
每秒钟重复一次
javascript
、
css
、
svg
、
css-animations
我当前正在
动画
一个
svg
元素,如下所示.r1 { transform-origin: 50% 50%; } transform: rotateX(359deg); } <
svg
id="Layer_1" data-name="Layer 1" xmlns="
浏览 16
提问于2022-02-11
得票数 0
回答已采纳
1
回答
在
SVG
JavaScript viewBox中
使用
缩放
的viewBox
动画
属性值
javascript
、
html
、
svg
、
coordinates
、
zooming
我们有一个用JavaScript生成的
SVG
网格。I可以
动画
的
缩放
级别,但不能顺利地
动画
X和Y坐标转换很好。script> <script id="main" src
浏览 0
提问于2017-09-05
得票数 0
回答已采纳
2
回答
这个序列能在HTML5中完成吗?
javascript
、
css
、
html
、
html5-canvas
、
kineticjs
I还没有机会
使用
HTML5。对于这种类型的
动画
,KineticJS库看起来也很有希望,但我将把这些建议留给各位。
浏览 4
提问于2014-02-24
得票数 1
1
回答
将
动画
缩放
链接到右侧
css
、
animation
、
css-transforms
在我的
css
文档中有一个链接("a“标签),并且我有一个
从
链接的
中心
到两端
缩放
底部边框的
动画
。我希望
动画
从
左侧
缩放
到右侧 我试着对它
使用
了
从
负面到正面的翻译,但看起来并不像我想要的那样。transform: scaleX(0);}{}
浏览 8
提问于2018-12-31
得票数 0
1
回答
如何调整
SVG
动画
的大小?
javascript
、
css
、
animation
、
svg
我被困在调整
svg
动画
大小到页面的不同百分比。我创建了一个圆圈,它的大小增加了,然后又回到了正常的状态:<circle我尝试
使用
CSS
缩放
动画
,将大小以像素为单位,然后以百分比为单位将一个区域分配给<em
浏览 0
提问于2015-02-05
得票数 1
1
回答
如何防止
SVG
中的
动画
元素溢出?
css
、
svg
我有一个
SVG
元素,我正在
使用
CSS
3来
动画
。我在
SVG
中
缩放
(transform: scale())元素,但是它们在
SVG
图像的边界之外显示。为您的测试提供了一个
浏览 0
提问于2014-07-31
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
讲真,会写动画的前端才是好开发!
前端动画大乱炖
SVG 图像入门教程
有了这些开源库资源,周末终于可以陪女友了
CSS还能画画?SVG实现可爱的动物哈士奇和狐狸
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券