请问可以设置一个 DIV 或者 SVG 的边界吗？

2015-08-23 16:17:15 +08:00
 meteor2013
如图，

http://imgur.com/fWjIvmZ

能否用 CSS 或者什么其他办法设置这个圈(红色)的边界，这样不管怎么拖移物体(蓝色)，都不会到圈外？
1742 次点击
所在节点    前端开发
5 条回复
meteor2013
2015-08-23 16:18:11 +08:00
http://imgur.com/fWjIvmZ
abelyao
2015-08-23 16:38:17 +08:00
需要配合 JavaScript 来判断吧，如果是一个方形的边界还容易一些，圆形肯定也可以，但是就没那么简单实现咯。
abelyao
2015-08-23 16:41:29 +08:00
https://github.com/abelyao/enlarge.js/blob/master/jquery.enlarge.js#L112
这是之前做的一个 JavaScript 插件，其中有一个类似的效果，在一个层上移动另一个层，小层不会超出大层的，希望能对你有帮助。
meteor2013
2015-08-23 18:34:39 +08:00
@abelyao 谢谢啊

请问能只用 css 搞定吗
abelyao
2015-08-23 18:46:47 +08:00
@meteor2013 这题目有点意思，目前我觉得是不可以，首先 CSS 能让某个元素被鼠标拖动吗？

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

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

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

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

© 2021 V2EX