如何限制一个 Div 不能移出另一个 SVG 区域外呢？

2015-08-21 05:40:14 +08:00
 meteor2013
A 这个 DIV 自由运动，但要限制它只能在 B 范围（ B 是一个 SVG 的圈）内移动？
1226 次点击
所在节点    问与答
6 条回复
sunjourney
2015-08-21 08:12:38 +08:00
写 js ，要不就 overflow hide
meteor2013
2015-08-21 08:26:56 +08:00
@sunjourney 限制 A, 不然它移出 B ，不是隐藏
ljbha007
2015-08-21 09:02:05 +08:00
@meteor2013 只能 javascript 咯
lwbjing
2015-08-21 09:07:42 +08:00
只能算算 a 的 4 个点与 b 圆弧上点的碰撞了。。
meteor2013
2015-08-21 09:36:09 +08:00
@lwbjing 能说具体点吗？
w88975
2015-08-21 11:32:51 +08:00
@meteor2013 用你的 div 的四个角坐标,分别去计算每个角是否在 SVG 绘制出来的圆内,这个需要用到三角函数

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

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

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

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

© 2021 V2EX