折燕 2023-01-10 15:41 采纳率: 82.1%
浏览 16
已结题

多边形内部的拖拽排布

去问我想绘制一个不规则多边形，在多边形内部进行多个矩形的拖拽排布，矩形可改变大小，能生成对应的序号，要怎么做

  • 写回答

1条回答 默认 最新

  • m0_54204465 2023-01-10 15:56
    关注

    在绘制一个不规则多边形并在其内部进行矩形拖拽排布的问题中，可以使用一些 JavaScript 库来帮助实现这些功能。

    首先，可以使用 HTML5 Canvas API 来绘制多边形。可以在 canvas 上使用 beginPath、moveTo、lineTo、closePath 和 stroke 或 fill 方法来绘制不规则多边形。

    然后，可以使用 jQuery UI 的 draggable 和 resizable 插件来实现矩形的拖拽和改变大小功能。这些插件可以让你轻松地实现矩形的拖拽和改变大小。

    最后，你可以使用 JavaScript 来生成矩形的序号。在绘制多边形之后，可以在矩形上绑定 click 事件来添加序号。你也可以使用数组来跟踪矩形的序号。可以使用 jQuery UI 的 sortable 插件来实现矩形的排序.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 任意多边形拆分长多个三角形 算法
    2018-06-25 09:05
    回答 4 已采纳 参考：https://blog.csdn.net/u010019717/article/details/52753855
  • pixi.js 实心多边形 javascript
    2023-03-19 18:46
    回答 5 已采纳 感谢各位提的宝贵意见，经过反复尝试，pixi.js的多边形是实心的；出这个问题的原因是我给后端存的坐标是 Number类型的数组，后端传过来的是字符数组，导致这个问题的发生
  • 求有向多边形的面积的代码 matlab
    2022-12-25 16:59
    回答 5 已采纳 以下是详细解答及代码实现，望采纳，有问题可以再交流。 首先，我们需要使用函数 polyarea 来计算有向多边形的面积。这个函数可以计算任意多边形的面积，但是需要注意的是，这个函数要求输入的是多边形的
  • 前端学习笔记
    2021-12-26 10:15
    As_Xx_Ls的博客 (5)折线（fill必须设置透明/stroke必须手工指定） ,200 250,100 350,300 450,50" stroke="#00f" stroke-width="6" stroke-opacity=".4" fill="transparent"></polyline> (6)多边形 ,150 100,300 400,300 400,150 250...
  • c#如何利用鼠标绘制多边形 c# 有问必答
    2021-06-01 00:38
    回答 5 已采纳 写了个示例，对你有帮助能点击采纳支持下吗，谢谢~ 效果如下 List<Point> polyPoints = null; bool cliceMe
  • vue baidu map 中多边形怎么求面积 vue.js
    2023-01-03 17:24
    回答 1 已采纳 使用turfAreahttps://turfjs.fenxianglu.cn/category/measurement/area.html
  • 函数嵌套调用，计算多边形的面积 python
    2022-04-22 17:33
    回答 2 已采纳 def () 后面少了 :望采纳!
  • 零代码也能玩出花：Mugeda在H5设计中的魔法力量
    2023-12-29 11:08
    程序边界的博客 滤镜属性设置 058 3.4图形的排布组合 060 3.4.1.排列 060 3.4.2.对齐 061 3.4.3.变形 061 3.4.4.组合 061 3.4.5.合并 062 3.4.6.相交 062 3.4.7.剪裁 062 3.5课堂案例：绘制.精美CD 063 3.6课后习题：旭日.东升 067 ...
  • 求任意凸多边形的最大内接正交矩形 算法
    2017-04-15 11:59
    回答 1 已采纳 http://blog.csdn.net/rosone/article/details/7796535
  • C++_opencv_多边形绘制 polylines函数 c++ opencv
    2023-02-05 19:12
    回答 5 已采纳 因为opencv规定cv::polylines的第二个参数即你说的Point，它的类型必须是InputArrayOfArrays而这个InputArrayOfArrays在cv中的定义追根溯源是_In
  • 多边形重叠百分比 mongodb
    2017-09-27 19:22
    回答 1 已采纳 If you can assume that one polygon is always a region of another (completely contained by it), you
  • 前端都是手写ECharts ?
    2021-04-29 10:04
    IT 哈的博客 一、自定义的必要性 ...ECharts作为前端强大的图表K线等绘制工具可以说应有竟有,无比风骚。但用户和产品的需求永远是一个库满足不了的。当然作为技术人员自定义绘制也应该是需要掌握的技术。我们前端...
  • 滴滴开源 LogicFlow：专注流程可视化的前端框架
    2021-02-26 00:24
    滴滴技术的博客 桔妹导读：LogicFlow 脱胎于滴滴技术团队在客服业务下的实践，是由滴滴智能中台体验平台研发的一款流程可视化的前端框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件...
  • Turtle库详解
    2024-05-20 15:17
    蔚蓝慕的博客 onclick() 当鼠标点击 onrelease() 当鼠标释放 ondrag() 当鼠标拖动 特殊海龟方法 begin_poly() 开始记录多边形 end_poly() 结束记录多边形 get_poly() 获取多边形 clone() 克隆 getturtle() | getpen() 获取海龟...
  • konva系列教程2：绘制图形
    2022-06-24 23:03
    前端西瓜哥的博客 大家好，我是前端西瓜哥，今天继续学习 konva。konva 库为我们提供了很多基础的图形，我们来看看具体都有哪些。 我们用 Konva.Rect 构造函数来创建矩形对象。通过 x 和 y 设置矩形左上角坐标位置，比你高通过 width ...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 1月19日
  • 已采纳回答 1月11日
  • 创建了问题 1月10日

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图，一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。