css 怎么写能把 p 标签准确的固定在 img 标签中图片指定像素坐标的位置?! !不可以直接绘入图片,因为要允许用户选择复制文字!

2023-01-10 12:21:43 +08:00
 edis0n0
2164 次点击
所在节点    程序员
27 条回复
caooooooooo
2023-01-10 17:41:57 +08:00
position: absolute 百分比就行了
Ritr
2023-01-10 18:11:38 +08:00
@otakustay 17 楼说得对,用 css 的 transform 就可以解决缩放
supertan
2023-01-10 19:13:04 +08:00
canvas 绘制,然后文字绑定复制的事件。

简单的就是点击文字就自动复制,显得牛逼一点就选中效果模拟,然后快捷键复制以及右键复制
supertan
2023-01-10 19:20:25 +08:00
svg
signalas1
2023-01-10 21:45:38 +08:00
使用百分比,或者使用绝对值 px 然后监听窗口 resize 重新计算
TomVista
2023-01-11 10:09:16 +08:00
position:absolute; top:100rem left rem
KisekiRemi
2023-01-11 19:00:22 +08:00
一般来说绝对定位能搞定,如果涉及到图片尺寸变化导致文字尺寸变形的话要么 vwvhrem ,要么上 canvas 吧
如果还有更多要求,pixi 可以给你解决,pixi.Text(..., options)options 里有 interactive 开启

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/907868

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX