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

This topic created in 3947 days ago, the information mentioned may be changed or developed.

如图，

http://imgur.com/fWjIvmZ

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

5 replies • 2015-08-23 18:46:47 +08:00

meteor2013

Aug 23, 2015

abelyao

Aug 23, 2015

需要配合 JavaScript 来判断吧，如果是一个方形的边界还容易一些，圆形肯定也可以，但是就没那么简单实现咯。

abelyao

Aug 23, 2015

https://github.com/abelyao/enlarge.js/blob/master/jquery.enlarge.js#L112
这是之前做的一个 JavaScript 插件，其中有一个类似的效果，在一个层上移动另一个层，小层不会超出大层的，希望能对你有帮助。

meteor2013

Aug 23, 2015 via iPhone

@abelyao 谢谢啊

请问能只用 css 搞定吗

abelyao

Aug 23, 2015

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