首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使GraphicsItems可通过图形场景中的鼠标操作和鼠标事件进行编辑

是指在图形场景中,用户可以通过鼠标操作对GraphicsItems进行编辑,包括移动、旋转、缩放、删除等操作。同时,鼠标事件也可以用来触发特定的编辑操作,例如点击、双击、拖拽等。

这种功能在图形编辑软件、绘图工具、CAD软件等领域中非常常见,它可以提供更直观、灵活的编辑方式,使用户能够更方便地对图形进行修改和调整。

在实现这种功能时,可以使用各种编程语言和图形库来开发。以下是一些常用的实现方式和相关技术:

  1. 前端开发:使用HTML5的Canvas或SVG技术可以实现图形场景的绘制和交互。通过监听鼠标事件,可以捕捉用户的操作,并对GraphicsItems进行相应的编辑操作。
  2. 后端开发:后端开发可以提供与前端交互的接口和逻辑处理。例如,通过RESTful API或WebSocket等方式,将用户的操作传递给后端进行处理,并更新图形场景的状态。
  3. 图形库:使用一些成熟的图形库可以简化开发过程。例如,Qt提供了QGraphicsScene和QGraphicsItem等类,可以方便地创建图形场景和GraphicsItems,并提供了丰富的鼠标事件和编辑功能。
  4. 数据库:如果需要保存和管理大量的GraphicsItems,可以使用数据库来存储和查询相关数据。例如,可以使用MySQL或MongoDB等数据库来存储GraphicsItems的属性和位置信息。
  5. 云原生:云原生技术可以提供弹性扩展和高可用性的支持。例如,使用容器技术(如Docker)将应用程序打包成镜像,并通过容器编排工具(如Kubernetes)进行部署和管理。
  6. 网络通信:如果需要多用户协同编辑图形场景,可以使用网络通信技术实现实时同步和共享。例如,使用WebSocket或WebRTC等技术进行实时数据传输和通信。
  7. 网络安全:在实现图形编辑功能时,需要考虑网络安全性。例如,对用户身份进行认证和授权,对数据传输进行加密,以及对输入进行合法性验证等。
  8. 音视频和多媒体处理:如果需要在图形场景中添加音视频或多媒体元素,可以使用相应的技术进行处理和展示。例如,使用HTML5的音视频标签或WebGL技术进行音视频播放和渲染。
  9. 人工智能:人工智能技术可以应用于图形编辑中的自动化处理和智能推荐。例如,使用机器学习算法进行图像识别和分析,以辅助用户进行编辑操作。
  10. 物联网:物联网技术可以将图形场景与物理设备进行连接和交互。例如,通过传感器获取物理环境的数据,并将其反映到图形场景中,或者通过控制器实现对图形场景的远程控制。
  11. 移动开发:移动开发可以将图形编辑功能扩展到移动设备上。例如,开发适用于iOS和Android平台的移动应用程序,使用户可以在手机或平板上进行图形编辑。
  12. 存储:存储技术可以用于保存和管理GraphicsItems的数据。例如,使用对象存储服务将GraphicsItems的属性和位置信息存储在云端,以实现数据的持久化和可扩展性。
  13. 区块链:区块链技术可以应用于图形编辑中的数据验证和溯源。例如,使用区块链技术确保GraphicsItems的数据完整性和不可篡改性,以及实现对编辑历史的追踪和审计。
  14. 元宇宙:元宇宙是一个虚拟的、可交互的世界,可以将图形编辑功能扩展到其中。例如,通过虚拟现实(VR)或增强现实(AR)技术,将图形场景呈现在虚拟空间中,并与用户进行交互。

腾讯云提供了一系列与云计算相关的产品和服务,可以满足不同场景下的需求。以下是一些推荐的腾讯云产品和产品介绍链接地址:

  • 云服务器(ECS):https://cloud.tencent.com/product/cvm
  • 云数据库MySQL版(CDB):https://cloud.tencent.com/product/cdb_mysql
  • 云原生容器服务(TKE):https://cloud.tencent.com/product/tke
  • 云存储(COS):https://cloud.tencent.com/product/cos
  • 人工智能(AI):https://cloud.tencent.com/product/ai
  • 物联网(IoT):https://cloud.tencent.com/product/iotexplorer
  • 移动开发(移动推送、移动分析等):https://cloud.tencent.com/product/mobile
  • 区块链(BCS):https://cloud.tencent.com/product/bcs
  • 虚拟专用网络(VPC):https://cloud.tencent.com/product/vpc
  • 音视频处理(云点播、云直播等):https://cloud.tencent.com/product/vod

以上是对使GraphicsItems可通过图形场景中的鼠标操作和鼠标事件进行编辑的完善且全面的答案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【QT】图形视图、动画框架

多个视图可以查看一个场景场景包含了各种几个形状图像项。框架包含一个事件传播架构,提供了和场景图形进行精确双精度交互能力,如将场景时间传递给图形项,也可以管理图形项目之间事件传播。...图形项可以处理键盘事件鼠标事件,如鼠标按下事件、移动、释放及双击事件,还可以跟踪鼠标的移动。...如果没有图像项,则为顶层图像项,其均会在场景坐标系统。 所有的图像项都会使用确定顺序来进行绘制,这个顺序也决定了单机场景时哪个图像项会先获得鼠标的输入。...图形视图框架映射函数: 事件处理与传播 图形视图框架事件都是由视图进行接收,然后传递给背景,再由背景传递给响应图像项。...对于键盘事件,会传递给获得焦点图像项,若场景没有获得焦点,则键盘事件被丢弃。可通过setFocus()获取焦点。

1.5K30

Figma 画布缩放功能说明

画布缩放是图形编辑基础功能,作用是放大图形编辑细节,缩小总览全局。我们来看看 Figma 是如何做画布缩放设计。 zoom 使用 zoom 表示画布缩放比。...镜头远离场景,因此图形会变小。 快捷键或按钮缩放画布 通常我们会在 UI 界面上提供画布缩放和放大按钮,点击它们会 以画布中心为缩放中心,进行缩放。...下面是找到排序数组,在目标值两边数组元素方法。...(下面是 Windows 设置鼠标滚轮灵敏度方式) 鼠标滚轮灵敏度会反应到 WheelEvent 滚轮事件对象 deltaY 上,灵敏度越高,每次滚动 deltaY 就越大。...结尾 我是前端西瓜哥,欢迎关注我,学习更多图形编辑器知识。

1.6K10
  • Python 升级之路( Lv12 ) Pygame游戏开发基础

    常用模块介绍 事件操作 字体处理 绘制图形 实现动画 播放音乐 基于pygame 实现坦克大战(简单) 前言 本篇博文首先对Pygame进行了介绍和安装, 然后介绍了Pygame 子模块以及如何开发简单...这些操作会产生对应事件,例如按键盘事件,移动鼠标事件....事件在软件开发中非常重要,Pygame 把一系列事件存放在一个队列里,并逐个进行处理 事件检索 使用函数 pygame.event.get()获取所有的事件,表 1-3 列出了 Pygame...处理鼠标事件 在 Pygame 框架,MOUSEMOTION 事件会在鼠标动作时候发生,它有如下所 示 3 个参数 buttons: 一个含有 3 个数字元组,3 个值分别代表左键、中键和右键...pos: 位置 ; rel: 代表现在距离上次产生鼠标事件距离.和MOUSEMOTION 类 似 , 常用鼠标事件还有 MOUSEBUTTONUP 和 MOUSEBUTTONDOWN 两个

    1.4K10

    Maya软件2024最新中文版下载安装,三维动画设计Maya软件下载

    Maya是由Autodesk公司推出一款常用三维计算机图形软件,被广泛应用于电影、动画、游戏等领域。本文旨在介绍Maya软件基本操作和使用方法,帮助读者更好地掌握Maya三维建模功能。...Maya软件基本操作和使用方法安装和启动首先,我们需要下载并安装Maya软件,安装完成后双击桌面上Maya图标进行启动。Maya软件主界面包括菜单栏、主面板、层编辑器和时间线等。...例如,在该案例,我们需要对一架飞机进行三维建模,并在其中添加一些细节和效果。步骤:a. 创建场景:在菜单栏点击“文件” → “新建场景”,选择相应场景类型进行创建。b....建立基础模型:在“建模”标签下找到“多边形建模”功能,选择要添加模型地方,用鼠标进行绘制。c. 添加细节和效果:通过“网格”、“植物”、“粒子”等工具栏功能,向场景添加相应细节和效果。d....灯光设置:通过“渲染”和“照明”功能设置灯光,使场景呈现出更加逼真的效果。e. 完成并输出:完成后在菜单栏点击“文件” -> “保存”进行保存输出。

    54810

    原 基于 HTML5 Canvas 简易

    6 个图片,分别为“编辑”、“不规则图形”、“圆”、“圆角矩形”、“矩形”以及“连线”,功能如其名。...,第三个参数为此类方法 //这边重新绘制这个类方法 } 接着就是向这个类添加我们需要功能,主要功能是“鼠标点击事件触发”以及“触摸屏幕事件触发”,我们通过对事件监听来绘制图形,首先就是判断鼠标左键或者触屏是否点击..._graphView.lp(e);//获取当前逻辑坐标点 this.startDragging(e);//调用 startDragging 开始拖拽函数 } } 然后对鼠标弹起或者触屏是否结束进行事件判断...HT 默认调用 ht.graph.DefaultInteractor 事件,里面有一系列操作,我们现在要做拖拽跟这个有冲突,所以在前面我们先将这个默认事件阻止,获取鼠标点下第一个点逻辑坐标和第二个点逻辑坐标...基础图元都可以通过设置样式 shape 或者 shape3d 来生成不同图元,我们这边就是通过这种途径,如果想要在界面中生成复杂图形,如:机柜模型,可以参考这篇文章:http://www.cnblogs.com

    1.1K40

    基于 HTML5 Canvas 简易 2D 3D 编辑

    6 个图片,分别为“编辑”、“不规则图形”、“圆”、“圆角矩形”、“矩形”以及“连线”,功能如其名。...,第三个参数为此类方法 //这边重新绘制这个类方法 } 接着就是向这个类添加我们需要功能,主要功能是“鼠标点击事件触发”以及“触摸屏幕事件触发”,我们通过对事件监听来绘制图形,首先就是判断鼠标左键或者触屏是否点击..._graphView.lp(e);//获取当前逻辑坐标点 this.startDragging(e);//调用 startDragging 开始拖拽函数 } } 然后对鼠标弹起或者触屏是否结束进行事件判断...HT 默认调用 ht.graph.DefaultInteractor 事件,里面有一系列操作,我们现在要做拖拽跟这个有冲突,所以在前面我们先将这个默认事件阻止,获取鼠标点下第一个点逻辑坐标和第二个点逻辑坐标...基础图元都可以通过设置样式 shape 或者 shape3d 来生成不同图元,我们这边就是通过这种途径,如果想要在界面中生成复杂图形,如:机柜模型,可以参考这篇文章:http://www.cnblogs.com

    2.2K70

    解锁前端难题:亲手实现一个图片标注工具

    业务涉及图片作和审核功能,审核人员需要在图片中进行标注,并说明存在问题,标注过程需要支持放大缩小,移动等交互,将业务剥离,这个需求,可以定义为实现一个图片标注功能。...支持更复杂图形绘制和像素级操作。 一旦图形绘制在 Canvas 上,就不会受到 DOM 影响,减少重绘和回流。 「缺点」: 交互相对复杂,需要手动管理图形状态和事件。...这个变量将包含标注起始坐标、宽度和高度等信息: let drawingRect = null; 接下来,我们需要实现鼠标按下、移动和抬起事件处理函数: mousedown我们需要记录鼠标按下时,...mouseup时,需要处理添加操作,将矩形添加到rects,在这里我做了一个判断,如果矩形宽高小于 1,则不添加,这是为了避免在鼠标原地点击时,误添加图形问题。...为了实现这一目标,我们需要考虑以下几点: 「通用性」:库应该支持多种常见标注形状和编辑功能,以满足不同场景需求。 「易用性」:提供简洁明了 API 和文档,使得开发者能够轻松集成和使用。

    68710

    图形编辑器开发:最基础但却复杂选择工具

    光标停留在图形上方,按下鼠标左键,这个图形就被选中了。这就是一个简单选中了单个图形场景。 注意必须是 mousedown,不是 click。后面会说为什么。...注意是在鼠标按下时就按住 同时也要 支持取消选中:原来被选中一个图形,我按住 Shift 再 代码核心逻辑是: 如果这个图形不在 selectSet ,将其加入;如果这个图形在 selectSet...在空白区域按下鼠标拖拽,然后释放,可以构造出一个矩形,这个矩形我们称为 “选区”。 选区矩形会和图形进行碰撞检测判断,决定将哪些图形是被框选中。...// 图形移动前位置 let elStartCoords = []; // 鼠标按下事件光标位置,计算偏移量时作为基准 let startCoord = { x: undefined, y: undefined...要点: 拖拽中途从没按住 Shift 到按住,要立即响应,代码实现上要补一个键盘事件监听,而不是靠鼠标移动事件,因为你不移动鼠标,被选中元素就不会更新。 比较 dx 和 dy 大小。

    34430

    C++ Qt开发:Charts折线图绑定事件

    在上一篇文章笔者介绍了关于QCharts绘图组件详细使用方法及接口,本章将继续为绘图组件绑定事件,通常在未绑定事件图形上所有的元素都是被禁用状态,我们无法直接操作这些功能,通过绑定图形组件事件将可以实现对图形各种操作模式...接着,我们继续增加一个折线图动态预览功能,通过使用该功能可以对特定区域进行选择放大缩小,读者可通过键盘案件进行缩放也可通过鼠标滚轮和左右键选中缩放,该功能在图形预览也是最常见。...以下是这些事件处理函数简要说明: 鼠标按下事件 (mousePressEvent): 当鼠标按下时触发。在该函数,你可以处理鼠标按下时逻辑,如获取鼠标坐标、进行拖拽等。...鼠标移动事件 (mouseMoveEvent): 当鼠标移动时触发。在该函数,你可以处理鼠标移动时逻辑,如实时更新鼠标位置、进行拖拽操作等。...,通过左键拖拽方式则可以选择一个矩形区域并对该区域进行放大与缩小操作,按下鼠标右键则调用zoomReset()将图形恢复到默认大小; 由于程序绑定了keyPressEvent键盘监控事件,当按下键盘上下左右时则通过

    45610

    Visio在哪里下载?流程图设计软件Visio 密钥激活工具安装包下载

    Visio软件基础操作创建图形:首先打开Visio软件,选择需要创建图形类型,如流程图、组织图、网络图等。然后选择需要图形模板,并在窗口中拖动鼠标完成图形绘制。...Visio提取:quzhidao.space/BOPX1hOq编辑图形:在Visio软件,用户可以对已经创建图形进行编辑。...包括移动、旋转、缩放等基本变换操作,并可以进一步使用图形属性编辑器、格式画笔等工具进行更为精细编辑。添加文本:在Visio软件可以添加文本,并在图形作和排版过程中进行调整。...添加文本说明、链接等信息,使整个流程图更加清晰易懂。选择适当格式模板,对流程图进行美化。例如,可以统一符号颜色和样式,采用字体和拓扑等统一排版方式。...同时,读者也可以根据实际需求和场景进行不同编辑和调整,以达到更好效果和表现。

    1.2K20

    如何在 Canvas 上实现图形拾取?

    大家好,我是前端西瓜哥,今天来和大家说说 canvas 怎么做图形拾取。 图形拾取,指的是用户通过鼠标或手指在图形界面上能选中图形能力。...图形拾取技术是之后高亮图形、拖拽图形、点击触发事件基础。 canvas 作为一个过于朴实无华绘制工具,我们想知道如何让 canvas 能像 HTML 一样,知道鼠标点中了哪个 “div”。...所以如果你想让 canvas 支持将其中图形进行编辑,比如拖拽和放大,那就必须自己去维护一棵节点树。...canvas 对应像素点颜色值,然后找到它对应图形对象,执行其注册事件。...,比如给一条细线条进行区域外扩,让用户更好选中这条线条; 适合图形量大、重绘较少场景

    1.2K30

    图形编辑器开发:绘制图形工具

    : 《图形编辑器:工具管理和切换》 对应工具类实现会围绕用户 按下鼠标、拖拽、释放 这 3 个行为,图形绘制工具同样如此。...,或是绑定一些事件,比如键盘事件 } // 工具失活 inactive() { // 通常是解绑一些事件 } // 鼠标按下 start() { /* TODO *...| null = null; // 被绘制图形对象 start(e: PointerEvent) { // 这里将光标的视口坐标转成场景坐标 this.startPoint...顺带一提,还有一种 Alt 模式,会将起始点作为图形中心点进行绘制,这个我还没去实现。 鼠标释放 鼠标释放时,主要逻辑是将新状态保持到历史记录。...相关阅读, 图形编辑器开发:最基础但却复杂选择工具 图形编辑器:工具管理和切换 图形编辑器:底层设计 图形编辑器:对齐功能实现 图形编辑器:历史记录设计 图形编辑器:防误操作之拖拽阻塞 图形编辑

    22220

    UFT自动化测试

    比如.Click方法只是触发了对象Click事件,而并未真正通过鼠标光标来进行点击按钮 Mouse模式鼠标跟踪,使用这种模式回放时我们可以看到鼠标光标是跟着对象走。...有时候Click事件处理不了,但鼠标点击却可以;还有有时候需要使用鼠标右键。...15.场景恢复功能 在脚本运行可能会出现一些非预期事件、错误、程序崩溃等情况,阻止脚本继续执行下去,在此情况下脚本可能暂停执行,直到某些界面被操作之后才会继续执行下去,为了处理这一类事件因此存在场景恢复...参考引用:UFT入门教程(6)—恢复场景管理器_weixin_33720956博客-CSDN博客 恢复场景管理器 作用:对不可预知错误进行相应处理,以保证测试能继续运行 设置步骤: 定义中断测试运行触发事件...添加恢复操作”界面,直到该项取消勾选 8.选择恢复后测试运行操作 根据实际情况自己选 (重复操作步骤,继续下一步) 9.勾选“向当前测试添加场景”,则该场景将自动添加至当前测试 (也可通过右键

    1.5K20

    使用React和Node构建实时协作白板应用

    在当今快速发展数字环境,实时协作已成为各种网络应用重要特性。无论地理位置如何,能够无缝地共同工作已经改变了团队作和沟通方式。...与旧协作方法不同,实时协作允许团队成员即时贡献、编辑和查看变更。这种即时同步促进了团队凝聚力,并加快了决策过程,使其成为当代工作流程不可或缺工具。...引入实时协作功能带来了许多好处: 没有地理空间限制:实时协作使远程团队能够像在同一地理位置一样进行合作。在远程工作成为常态时代,这一功能尤为重要,使分布在全球各地团队能够无缝协作。...实时白板是一种动态数字工具,在在线环境复制了传统白板功能。它为个人和团队提供了一个共享画布,可以实时协作,允许创造、操作和可视化想法、概念和信息。...对于用户界面,我们将创建一个 WhiteBoard 组件,用户可以在我们 React 应用程序操作图形元素。

    56220

    【愚公系列】2023年09月 WPF控件专题 Border控件详解

    作者简介,愚公搬代码 《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,阿里云专家博主,腾讯云优秀博主,掘金优秀博主,51CTO博客专家等。...RenderTransform:对Border进行渲染变换操作。 ToolTip:设置Border提示信息。 注意:以上属性只是Border控件可用属性一部分,还有很多其他属性可以使用。...2.常用场景 WPFBorder控件常用场景包括: 装饰性边框:Border控件可以为元素提供装饰性边框,使其在视觉上更具吸引力和焦点。...鼠标事件:Border控件可以用于定义鼠标悬停、鼠标按下和鼠标释放等事件使元素在用户与其交互时更具响应性。 文本框:Border控件可以用于创建文本框,而不必编写额外代码。...可以将其属性设置为对文本进行格式化,如边框、背景色或边框样式。 线框图:Border控件可以用于创建线框图,例如网格线、表格边框或图形边框等。

    59100

    (10月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite版)

    根据鼠标光标的位置计算图形创建元信息 我们都知道, 要想通过鼠标拖动来创建任意一个矩形, 我们需要知道几个条件: 鼠标按下初始点坐标 鼠标拖动过程实时位置 这两个问题其实都可以在全局实现, 基于组件设计原子化原则...msg 用来在外部控制画布名称 onMouseChange 用来将内部鼠标监听事件传到外部, 让外部可以拿到内部是事件运行时 我们使用 useMouse 时候就可以实时拿到鼠标的x, y绝对坐标..., 实现更有意思应用场景。...移动, 编辑几何图形 有了上面创建元素基础, 我们继续来实现移动和编辑元素功能。...,并实现表单渲染器来动态更新元素属性, 类似于 H5-Dooring 编辑面板: 2022-10-15 20.55.10.gif 在后面的文章我会实现一个min版属性编辑器来完善我们几何画板

    88320

    OpenHarmony 4.0 Release发布,OpenHarmony生态千帆起,投入OpenHarmony生态“正当时”

    对富文本交互能力增强 新增支持手势长按选中文本、支持鼠标拖动选中文本、支持设置文本可编辑(通过通用属性设置富文本框是否使编辑)、支持对输入事件监听。...分布式输入支持键盘,鼠标,触摸板资源池化管理,可以在系统应用触发跨设备键盘、鼠标和触摸板使用 分布式数据为开发者数据分享带来了全新统一数据管理框架 详细来说,就是新增统一数据管理框架(Unified...对富文本交互能力增强 新增支持手势长按选中文本、支持鼠标拖动选中文本、支持设置文本可编辑(通过通用属性设置富文本框是否使编辑)、支持对输入事件监听。...媒体播放,相机,音视频编解码等优化 音频 支持通过Native接口(OHAudio)进行音频播放和录制。对于音频录制和播放时延比较敏感场景,使用Native接口可实现更低时延。...支持音效模式:应用可查询音频输出音效模式,切换或关闭音效模式。 支持系统内录音能力:可根据音频场景属性筛选,录制系统内播放音频数据,支持对录音设备进行查询。

    57620

    基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统

    view.addEventListener('mousedown', stopGraphPropagation, false);// 鼠标点下事件 GraphViewControl 类定义部分还添加了一些关于移动和编辑节点交互事件...insertBefore 在指定已有子节点(参数二)之前插入新子节点(参数一) 并对数据容器增删变化事件进行监听,通过监听当前加入数据容器节点类型,将当前节点像素坐标转为地图视图投影坐标存储在节点业务属性..._logicalPoint = null; } 关于鼠标事件以及 touch 事件,我希望这两者在操作上相同,所以直接在鼠标事件调用 touch 事件方法。...值,label优先级高于name node.p(graphView.lp(e));// 将节点位置设置为graphView事件拓扑图中逻辑坐标,即设置鼠标点下位置为节点坐标...我们可以在 graphView 上进行绘制节点编辑、绘制连线、绘制直角连线以及绘制多边形。

    3.8K60

    创意美妙无限:Adobe Premiere CC2019完美视频编辑体验+全版本安装包

    Adobe Premiere CC2019是一款业界领先视频编辑软件,具有丰富功能和高效操作,可提供无可比拟视频编辑体验。...利用这些工具,用户可以轻松地将不同来源、不同格式视频和音频素材组合到一起,并进行各种编辑和制作,让视频更具特色和效果。...软件提供了多种视频特效和动画,可以添加各种滤镜、转场、字幕等,使视频更加生动、有趣、多样化,从而提高视频观看体验。...再次,Adobe Premiere CC2019还提供了高质量音频操作和处理工具,可以让用户精细调整视频音效、声音和背景音乐,并提供高质量音频文件导入和输出功能,让音频处理更加顺畅。...此外,在使用过程,Adobe Premiere CC2019提供了丰富附加功能,例如运动图形、颜色校正,以及可以帮助用户快速调整视频和音频工具和效果等,使用户快速完成专业视频制作。

    31220

    基于HTML5 Canvas 实现弹出框

    这在处理HTML元素实现时简单,但是如果是对HTML5 Canvas 构成图形进行处理,这种方法不再适用,因为Canvas使用是另外一套机制,无论在Canvas上绘制多少图形,Canvas都是一个整体...而图形本身实际都是Canvas一部分,不可单独获取,所以也就无法直接给某个图形增加JavaScript事件。然而,在HT for Web,这种需求很容易实现,场景如下: ?   ...这个场景图是基于HT for WebJSON文件,可能大家对怎么生成这样JSON文件有疑惑,其实这里是基于这个麻雀虽小五脏俱全“HTML5拓扑图编辑器”(http://www.hightopo.com...在上述场景,用户将鼠标移入到草地等对象时,会有弹出框显示它详细信息,Demo地址:http://www.hightopo.com/demo/blog_meadow_20170605/index.html...属性值也随着鼠标位置发生变化。

    2.8K30
    领券