Forgot password?
 Register account
View 573|Reply 23

about SVG 与 拖拽

[Copy link]

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

kuing Posted 2025-3-22 23:53 |Read mode
Last edited by kuing 2025-3-23 13:00kuing: 03-22 23:37:35
怎么现在拖动条变得不太好用了?

kuing: 03-22 23:37:55
第一,拖动条变得非常细,以前一般是 16px 高

kuing: 03-22 23:38:05
第二,拖动时图片会跳离鼠标

kuing: 03-22 23:42:31
你有没有改动我的zdy3.css  @hbghlyj

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-22 23:59
Last edited by kuing 2025-3-23 13:03
hbghlyj 发表于 2025-3-22 23:55
我发现这贴的附件 SVG 图片的高度为 0,所以添加了
.tupian.jiazed {
    display: inline;
那为什么一般的图片附件不会变成 0,就 svg 附件会呢?

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:02
hbghlyj 发表于 2025-3-23 00:00
去除了
.tuozt {
   max-height: 10%;
第二点还是不正确
拖动瞬间图片走了

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:03
hbghlyj 发表于 2025-3-23 00:00
去除了
.tuozt {
   max-height: 10%;
限制 10% max 是因为有些图很小,16px 就会有点档住了,所以这是需要的

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:10
是不是该换个方向,搞清楚 svg 附件问题的原因再处理它?

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:15
calc(max(10%,16px)) 显然是不对的,你这变成至少 16px,而我意思是图很小就应该小于 16px,理应为 calc(min(10%,16px)),但这在没有 inline-block 之下显然也会变成细线(实际上似乎 inline 的 10% 始终为极小?

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:24
Last edited by kuing 2025-3-23 01:12并没有好

测试:

一般大小:


高度很小:


SVG 附件: kuing签名.svg

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:28
我觉得你还是应该考虑从 svg 方面去解决它?

比如为 svg 附件设个高度什么的

那我的 css 和 js 就不用改了

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 00:54
kuing 发表于 2025-3-22 16:28
我觉得你还是应该考虑从 svg 方面去解决它?

比如为 svg 附件设个高度什么的
但是其它用户可能不知道上传的 svg 附件需要带高度

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 00:57
hbghlyj 发表于 2025-3-23 00:54
但是其它用户可能不知道上传的 svg 附件需要带高度
不能在 php 层面获取该 SVG 附件的宽度信息吗?

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 00:58
kuing 发表于 2025-3-22 16:57
不能在 php 层面获取该 SVG 附件的宽度信息吗?
SVG放在<img>似乎不需要指定宽度也能显示吧

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 01:00
hbghlyj 发表于 2025-3-23 00:58
SVG放在<img>似乎不需要指定宽度也能显示吧
现在不是因为 inline-block 导致它不显示吗,加个宽度就可以显示的。
我测试过似乎是这样,有指定宽度,就无惧 inline-block 。

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 01:01
kuing 发表于 2025-3-22 17:00
现在不是因为 inline-block 导致它不显示吗,加个宽度就可以显示的。
我测试过似乎是这样,有指定宽度, ...
我们就不提取宽度了,怕弄错了。交给浏览器了

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 01:14
你只给 tikz 加 inline-block 就算解决问题?

我对 11# 的 svg 附件也和文字同一行了,你看看

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 01:57
kuing 发表于 2025-3-22 17:14
你只给 tikz 加 inline-block 就算解决问题?

我对 11# 的 svg 附件也和文字同一行了,你看看 ...
根据17#,现在采用的方法:加载后display: inline,设定宽度,再把display: inline-block加回来

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 01:57
kuing 发表于 2025-3-22 17:14
你只给 tikz 加 inline-block 就算解决问题?

我对 11# 的 svg 附件也和文字同一行了,你看看 ...
应该好了

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 02:24
kuing 发表于 2025-3-22 15:59
那为什么一般的图片附件不会变成 0,就 svg 附件会呢?
当SVG中没有width,也可以用viewBox指定宽高

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 02:33
hbghlyj 发表于 2025-3-23 01:57
根据17#,现在采用的方法:加载后display: inline,设定宽度,再把display: inline-block加回来 ...
那 .tuozt 里的 max-height: 10%; 能不能加回去

另外,请将 tuozhuai 函数移回 emoji.js,因为它不止在帖子浏览页用到,在编辑页,甚至在发短消息都用到,哦,我知道,你不用它,所以你不了解。

Comment

好了  Posted 2025-3-23 02:41

3152

Threads

7905

Posts

610K

Credits

Credits
64068
QQ

Show all posts

hbghlyj Posted 2025-3-23 03:02
静态<img>没有签名动画

682

Threads

110K

Posts

910K

Credits

Credits
90973
QQ

Show all posts

 Author| kuing Posted 2025-3-23 12:36
测试点击此图的宽度会不会恢复1280: 1280.png

看起来没问题,昨晚忘记测试点击切换图片大小,以及 Shift + 滚轮

Mobile version|Discuz Math Forum

2025-6-4 17:14 GMT+8

Powered by Discuz!

× Quick Reply To Top Edit