1.用flex在容器上面点两个点，连成线，之后选中这条线可以实现拖动；2.如果画出来
多条支线，就判断如果两条线的点在一个范围内，就让这两个点自动对齐。
随机画两条线就像图中的两条黑色的一样，如果线的两个点在我给定的范围内，就让这两个点变成一个点，怎么实现呀。有没有大神帮帮忙
flex怎么画线并且可以实现拖动
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2013-09-10 00:10在IT行业中，尤其是在Web开发领域，"flex 图片画线，拖动"是一个常见的交互功能需求，用于增强用户体验。这个功能通常涉及到HTML5、CSS3和JavaScript等技术，特别是Flex布局和SVG图形技术。让我们详细探讨一下这个...
- 2022-05-28 12:59前端筱园的博客 如果让你实现下面的这种动画效果你会怎么做？ 可能很多人第一想法就是使用绝对定位进行布局，当顺序发生变化后，计算出变化后的位置，然后通过动画过渡到指定位置。这是一种很常见的实现方式，但存在几个问题：...
- 2025-09-07 17:08FE_Jinger的博客 前端拖拽功能实现指南摘要 本文介绍了前端拖拽功能的实现方案，重点推荐使用dnd-kit库。文章分析了拖拽功能的基本需求（元素拖拽、排序、容器拖拽）和进阶需求（自定义预览、动画效果等），对比了主流拖拽库（dnd-...
- 2024-12-09 15:24瑕疵的博客 OpenLayers 6/7 地图打点 点标记 画不放大的线 标记
- 2018-12-19 14:29iOSTianNan的博客 1.PanResnponder相关Api componentWillMount() { this.panResponder = PanResponder.create({ /***************** 要求成为响应者 *****************/ ... // 单机手势是否可以成为响应者 on...
- 2025-07-13 18:26新农仓的博客 Vue的核心库只关注视图层，但通过良好的设计，它也可以轻松地与其他库或现有项目整合。组件化开发是一种将用户界面划分为独立、可复用的组件的方法。在Vue.js中，组件是构建应用程序的基石，每个组件都包含自己的...
- 2025-08-17 06:54Li Siyuan的博客 本文还有配套的精品资源，点击获取 简介：Flex框架为实现工作流拖拽提供了强大的支持，本篇文章将详细介绍如何利用Flex技术在工作流管理系统中实现拖拽绘制。工作流拖拽技术对于自动化和优化企业级复杂业务流程至关...
- 2021-04-22 17:25知了枝头看雪的博客 <div class="pane pane-one" :style="lengthType + ':' + paneLengthValue"> <slot name="one"></slot> </div> 增加样式，使这个鼠标拖拽框总在最上方（实际中没有会被覆盖住） > </div> // 增加 overflow:hidden ...
- 2017-03-18 21:18teayear的博客 本章简介前几章介绍了Flex应用开发的主要内容，本章将介绍Flex应用性能优化相关的知识，比如如何减少SWF文件的大小和内存泄漏...在排除了设计的因素之后在Flex应用开发中还有很多具体细节和技巧可以提高Flex应用的性能
- 2024-09-14 11:41小七的房车生活的博客 实际这个拖拽的功能不止看到的这么简单, 在深度研究使用之后, 发现这个拖拽可以无限的拖动, 当鼠标超出网页后会自动回到另一端然后继续拖动, 而且按住shift键, 可以调整单次数值变化的间隔值为10, 细节非常的丰富. ...
- 没有解决我的问题, 去提问
