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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3384 天前的主题，其中的信息可能已经有所发展或是发生改变。

如图，

http://imgur.com/fWjIvmZ

能否用 CSS 或者什么其他办法设置这个圈(红色)的边界，这样不管怎么拖移物体(蓝色)，都不会到圈外？

5 条回复 • 2015-08-23 18:46:47 +08:00

meteor2013

2015-08-23 16:18:11 +08:00

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 via iPhone

@abelyao 谢谢啊

请问能只用 css 搞定吗

abelyao

2015-08-23 18:46:47 +08:00

@meteor2013 这题目有点意思，目前我觉得是不可以，首先 CSS 能让某个元素被鼠标拖动吗？