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

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

http://imgur.com/fWjIvmZ

能否用 CSS 或者什么其他办法设置这个圈(红色)的边界,这样不管怎么拖移物体(蓝色),都不会到圈外?
1666 次点击
所在节点    前端开发
5 条回复
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
@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