马黑黑 发表于 2025-8-23 21:03

杨帆 发表于 2025-8-23 21:00
对您帖子里这个SVG图咋无效呢?History of Love
https://www.huachaowang.com/forum.php?mod=viewthread ...

如果SVG有CSS样式,注意查看它的设置,有没有宽高,有的话要和svg标签的宽高一致或只保留svg标签的尺寸设置;

SVG标签要设置合适的 viewbox 属性。

花飞飞 发表于 2025-8-23 21:41

马黑黑 发表于 2025-8-23 19:48
因为用过,所以见过

一看我就是懵着用的。{:4_173:}

花飞飞 发表于 2025-8-23 21:41

马黑黑 发表于 2025-8-23 19:48
理解正确

今天看到实例贴,-200 -200 400 400还挺常用的,无可替代

马黑黑 发表于 2025-8-23 21:42

花飞飞 发表于 2025-8-23 21:41
今天看到实例贴,-200 -200 400 400还挺常用的,无可替代

主要是好用

马黑黑 发表于 2025-8-23 21:43

花飞飞 发表于 2025-8-23 21:41
一看我就是懵着用的。

也不错

红影 发表于 2025-8-23 22:55

马黑黑 发表于 2025-8-23 17:43
实际上就是把坐标原点转到矩形的中心,和HTML的一样(但又不完全一样,尺寸的衡量机制跟着改变,左上角的 ...

或者倒过来说,是按坐标原点反推的左上角的点的坐标。

红影 发表于 2025-8-23 22:56

马黑黑 发表于 2025-8-23 17:44
在 viewbox 中绘制,在 svg 画布上渲染

嗯嗯,这个说法很多,的确这样。

马黑黑 发表于 2025-8-23 23:08

红影 发表于 2025-8-23 22:56
嗯嗯,这个说法很多,的确这样。

明白这个道理就可以大胆试用,用对了就有感受了

马黑黑 发表于 2025-8-23 23:09

红影 发表于 2025-8-23 22:55
或者倒过来说,是按坐标原点反推的左上角的点的坐标。

反正效果就是酱紫吧

红影 发表于 2025-8-24 09:20

马黑黑 发表于 2025-8-23 23:08
明白这个道理就可以大胆试用,用对了就有感受了

viewbox 相当在画布上的定位和限制。

红影 发表于 2025-8-24 09:21

马黑黑 发表于 2025-8-23 23:09
反正效果就是酱紫吧

黑黑讲解十分清晰{:4_187:}

马黑黑 发表于 2025-8-24 09:21

红影 发表于 2025-8-24 09:21
黑黑讲解十分清晰

不稀里糊涂就好

马黑黑 发表于 2025-8-24 09:22

红影 发表于 2025-8-24 09:20
viewbox 相当在画布上的定位和限制。

差不多吧

红影 发表于 2025-8-24 12:32

马黑黑 发表于 2025-8-24 09:21
不稀里糊涂就好

非常清楚呢,非常好{:4_187:}

红影 发表于 2025-8-24 12:35

马黑黑 发表于 2025-8-24 09:22
差不多吧

对于调整尺寸很有好处。

马黑黑 发表于 2025-8-24 13:18

红影 发表于 2025-8-24 12:35
对于调整尺寸很有好处。

是的

马黑黑 发表于 2025-8-24 13:18

红影 发表于 2025-8-24 12:32
非常清楚呢,非常好

酱紫就好

红影 发表于 2025-8-24 14:01

马黑黑 发表于 2025-8-24 13:18
是的

也很方便。

红影 发表于 2025-8-24 14:02

马黑黑 发表于 2025-8-24 13:18
酱紫就好

黑黑的讲述很有经验。

马黑黑 发表于 2025-8-24 17:40

红影 发表于 2025-8-24 14:02
黑黑的讲述很有经验。

俺是做老师的
页: 1 [2] 3 4 5 6 7 8 9
查看完整版本: 路径适配svg尺寸的简单方法