爱学习的啊豪-前端 2021-07-29 16:38 采纳率: 0%
浏览 181
已结题

mxgraph scada类型项目 目前开发遇到了 拖动左侧图形（自定义的工具栏） 到右侧画布 画布背景丢失

描述 画布在 拖动左侧图形之前是有背景的， 拖过去背景丢失，再点击画布吧其余空白部分 背景再次出现
现是用vue+mxgraph 开发
拖拽前
img

拖拽中
img

拖拽后
img

点击画布其余部分
img

  • 写回答

0条回答 默认 最新

    报告相同问题？

    • 基于MXGraph和GraphEditor自定义图形编辑器扩展开发
      2024-08-25 21:43
      随风九天的博客 GraphEditor 是使用 MXGraph 为基础，提供在线绘制图形的工具，具体如下：地址为 https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html可以使用构造html + css创建html图形，更灵活和...
    • 从基础到企业级：mxGraph自定义编辑器完全开发指南
      2025-09-20 00:21
      黄秋文Ambitious的博客 你是否还在为寻找合适的Web绘图工具而烦恼？是否需要一个能完全定制化的流程图编辑器来满足企业特定业务需求？...- 自定义工具栏、侧边栏与属性面板的实现方法 - 图形样式定制与业务规则集成技巧 - 企
    • mxgraph-svg2shape：mxGraph SVG到Shape的转换工具
      2021-02-06 14:34
      mxgraph-svg2shape 一套将SVG文件转换为mxGraph资源的工具。 该存储库基于： SVG to XML mxGraph stencil definition translation tool. This was created for internal use, so there are lots of things ...
    • mxgraph实现自定义工具箱
      2020-09-29 16:28
      qq_42810051的博客 概述 本篇的内容是围绕如何使用 vue 和 mxGraph 实现一个自定义的工具箱。...从工具箱中拖拽一个工具项到绘画区并生成对应的cell。双击生成的cell可以查看cell的数据。 本例可以在 github 上看到源...
    • mxgraph_mxgraph_slow3ya_绘图工具_mxclient_
      2021-10-03 05:02
      mxgraph是一个强大的JavaScript图形库，主要用于创建交互式图表和绘图工具。它的核心功能是提供一个灵活的、可自定义的平台，使得开发者能够轻松构建流程图、UML图、网络拓扑图等可视化应用程序。在"mxgraph_mxgraph...
    • mxGraph 如何实现自定义工具箱
      2020-01-07 12:19
      懒牛不爱梳毛的博客 本篇的内容是围绕如何使用 vue 和 mxGraph 实现一个自定义的工具箱。 主要完成以下功能： 自定义工具箱的内容。 从工具箱中拖拽一个工具项到绘画区并生成对应的cell。 双击生成的cell可以查看cell的数据。 本例...
    • mxgraph中右键和toolbar工具条的实现
      2015-06-29 08:54
      mxgraph 是一个强大的JavaScript库，用于创建交互式图形应用程序，如流程图、网络拓扑图等。它提供了丰富的API和功能，使得开发者可以轻松地在Web应用中集成图形编辑功能。在mxgraph中，实现右键菜单和工具条是两个...
    • Mxgraph XML回显教程[项目源码]
      2025-11-25 17:55
      MxGraph工具包的使用场景广泛，可以被集成到各种项目中，为开发者提供灵活的图形处理能力。因此，掌握如何使用MxGraph进行图形的XML回显，对于软件开发人员来说，是一项必备技能。本文教程旨在帮助开发者快速上手并...
    • mxgraph 之 自定义双边框长方形（即：doubleRectangle）
      2019-04-03 01:26
      在IT领域，自定义图形是实现用户界面个性化和专业化的关键元素之一。`mxgraph` 是一个强大的JavaScript库，用于创建交互式图形应用程序。本文将深入探讨如何在`mxgraph` 中实现自定义的双边框长方形，也就是所谓的`...
    • Vue-cli3生成的Vue项目加载Mxgraph方法示例
      2020-10-15 06:38
      在Vue项目中集成Mxgraph库，可以实现强大的图形编辑和绘图功能。Vue-cli3是Vue.js官方提供的脚手架工具，用于快速构建Vue项目。以下是一个详细的步骤指南，教你如何在Vue-cli3生成的项目中加载并使用Mxgraph。 首先...
    • mxGraph图形嵌入开发
      2015-06-01 16:24
      mxGraph是一个JS绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。mxgraph下载包中包括用javescript写的前端程序,也包括多个和后端程序(java/C#等等)集成的例子。以下...
    • mxgraph demo
      2018-06-15 09:55
      `mxGraph` 是一个强大的JavaScript库，专为创建交互式图形界面而设计，特别是在前端开发中用于构建图表、流程图和其他图形表示。它在`jgraph`的基础上发展，提供了丰富的API和功能，使得开发者能够轻松地实现自定义...
    • mxgraph画布插入echarts图表
      2023-07-18 11:17
      Satellite.612的博客 graph.convertValueToString = function (cell) { if (cached && cell.div != null) { const charts = echarts.getInstanceByDom(cell... } return MxGraph.prototype.convertValueToString.apply(this, arguments); };
    • Web前端最全mxgraph(1)，2024年最新腾讯前端开发面试记录
      2024-05-16 19:34
      2401_84447112的博客 如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式...
    • svg2xml:SVG到XML mxGraph模具定义转换工具
      2021-05-23 00:34
      SVG到XML mxGraph模具定义转换工具。 它是为内部使用而创建的，因此还有很多未完成的事情。 要编译并运行此程序，请使用ant或以下命令。 编译 mkdir classes javac -d classes -classpath lib/mxgraph-core.jar -...
    • js画图开发库--mxgraph--[dynamictoolbar-工具栏.html]
      2013-03-14 10:31
      iteye_17920的博客 拖动工具栏图表到编辑器中编辑。   <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=Content-Type content...
    • 前端流程图框架指南[项目代码]
      2025-11-20 12:03
      在前端开发领域，流程图的实现对于可视化复杂数据、业务逻辑或者系统架构起着至关重要的作用。随着技术的发展，前端流程图的创建已经不再局限于传统的原生HTML、CSS和JavaScript技术，而是涌现出了多种专门的流程图...
    • 在线画图wwwdrawio网站的源码基于mxGraph开发
      2019-08-08 01:53
      3. **数据绑定**：mxGraph将图形与数据模型紧密结合，使得图形的状态可以映射到数据模型，便于数据驱动的图形编辑。 4. **可扩展性**：通过自定义渲染器和事件处理器，开发者可以轻松扩展其功能，适应不同的业务需求...
    • 基于mxGraph来做的一款web的绘制流程图的javascript库工具mxGraph_gpx.zip
      2021-12-06 09:32
      mxGraph是一款强大的JavaScript库，专为在Web上创建和编辑图形和流程图而设计。它提供了丰富的功能，允许用户通过简单易用的API构建复杂的图形界面。基于mxGraph的工具通常用于业务流程建模、软件设计、网络架构可视...
    • 探秘mxGraph-Demos：一款强大的图形绘制与编辑工具
      2024-04-22 09:36
      劳泉文Luna的博客 探秘mxGraph-Demos：一款强大的图形绘制与编辑工具 ...这个开源项目旨在帮助开发者更好地理解和应用 mxGraph，同时也为非开发人员提供了可视化设计的强大工具。 技术分析 mxGraph 库 mxGraph 是一个用 JavaScript ...
    • 没有解决我的问题, 去提问

    问题事件

    • 系统已结题 8月6日
    • 创建了问题 7月29日