svg如何设置中心点进行缩放

jeremylai 2016-07-13 08:37:19

...全文

1561 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

huanyao11 2018-06-25

打赏
举报

中心点设置：x = x+width/2 y=y+height/2
缩放开始前后需要变换对应的位置，直接举例：
<rect x="110" y="100" width="120" height="90" data-svg="gltransform_tcwanimate" transform="translate(170 145) scale(1.5, 1.5) translate(-170 -145)">
</rect>

匿名用户都被注册了 2016-09-06

打赏
举报

引用 7 楼 jeremylai 的回复:

我自己都没有做完呀

我也没做完，交流一下方便吗？

jeremylai 2016-09-05

打赏
举报

我自己都没有做完呀

匿名用户都被注册了 2016-09-04

打赏
举报

你好，我也在做类似的东西，方便私信交流一下吗？

qq2460857094 2016-07-22

打赏
举报

引用 4 楼 jeremylai 的回复:

[quote=引用 3 楼 qq2460857094 的回复:] [quote=引用 2 楼 jeremylai 的回复:] [quote=引用 1 楼 qq2460857094 的回复:] 既然是使用SVG的，那就是支持HTML的，可以使用transform对图片进行缩放。动态改变transform的值就行了。或者SVG图片使用绝对定位，然后改变图片的大小也可以。

我现在需要的是通过滚动条来改变整个svg的大小动态改变是不行的[/quote] 滚动条也可以，通过判断滚动条的位置来动态设置SVG的大小[/quote] 我的意思是设置只能中心缩放，不能改其他的[/quote] CSS3的tramsform是可以设置绽放的中心点的。

jeremylai 2016-07-16

打赏
举报

引用 3 楼 qq2460857094 的回复:

[quote=引用 2 楼 jeremylai 的回复:] [quote=引用 1 楼 qq2460857094 的回复:] 既然是使用SVG的，那就是支持HTML的，可以使用transform对图片进行缩放。动态改变transform的值就行了。或者SVG图片使用绝对定位，然后改变图片的大小也可以。

我现在需要的是通过滚动条来改变整个svg的大小动态改变是不行的[/quote] 滚动条也可以，通过判断滚动条的位置来动态设置SVG的大小[/quote] 我的意思是设置只能中心缩放，不能改其他的

qq2460857094 2016-07-14