Forgot password?
 Create new account
View 266|Reply 23

about SVG 与 拖拽

[Copy link]

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

kuing Posted at 2025-3-22 23:53:43 |Read mode
Last edited by kuing at 2025-3-23 13:00:33kuing: 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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

测试:

一般大小:


高度很小:


SVG 附件: kuing签名.svg

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

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

那我的 css 和 js 就不用改了

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

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

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

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

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

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

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

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

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

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

Comment

好了  Posted at 2025-3-23 02:41

3148

Threads

8489

Posts

610K

Credits

Credits
66148
QQ

Show all posts

hbghlyj Posted at 2025-3-23 03:02:05

静态<img>没有签名动画

701

Threads

110K

Posts

910K

Credits

Credits
94145
QQ

Show all posts

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

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

手机版Mobile version|Leisure Math Forum

2025-4-20 12:14 GMT+8

Powered by Discuz!

× Quick Reply To Top Return to the list