爱学习的啊豪-前端 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-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-01-07 12:19
      懒牛不爱梳毛的博客 本篇的内容是围绕如何使用 vue 和 mxGraph 实现一个自定义的工具箱。 主要完成以下功能： 自定义工具箱的内容。 从工具箱中拖拽一个工具项到绘画区并生成对应的cell。 双击生成的cell可以查看cell的数据。 本例...
    • mxgraph_mxgraph_slow3ya_绘图工具_mxclient_
      2021-10-03 05:02
      mxgraph是一个强大的JavaScript图形库，主要用于创建交互式图表和绘图工具。它的核心功能是提供一个灵活的、可自定义的平台，使得开发者能够轻松构建流程图、UML图、网络拓扑图等可视化应用程序。在"mxgraph_mxgraph...
    • mxgraph实现自定义工具箱
      2020-09-29 16:28
      qq_42810051的博客 概述 本篇的内容是围绕如何使用 vue 和 mxGraph 实现一个自定义的工具箱。...从工具箱中拖拽一个工具项到绘画区并生成对应的cell。双击生成的cell可以查看cell的数据。 本例可以在 github 上看到源...
    • mxgraph中右键和toolbar工具条的实现
      2015-06-29 08:54
      mxgraph 是一个强大的JavaScript库，用于创建交互式图形应用程序，如流程图、网络拓扑图等。它提供了丰富的API和功能，使得开发者可以轻松地在Web应用中集成图形编辑功能。在mxgraph中，实现右键菜单和工具条是两个...
    • 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 的初步介绍与开发入门
      2019-03-22 01:41
      接下来，你可以创建一个画布（canvas）来展示图形，通过调用mxgraph提供的API来绘制和操作图形。例如： ```html <!DOCTYPE html> <script src="mxclient/chrome/mxclient.js"></script> <!-- 不要使用window....
    • 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 -...
    • 在线画图wwwdrawio网站的源码基于mxGraph开发
      2019-08-08 01:53
      3. **数据绑定**：mxGraph将图形与数据模型紧密结合，使得图形的状态可以映射到数据模型，便于数据驱动的图形编辑。 4. **可扩展性**：通过自定义渲染器和事件处理器，开发者可以轻松扩展其功能，适应不同的业务需求...
    • js画图开发库--mxgraph--[dynamictoolbar-工具栏.html]
      2013-03-14 10:31
      iteye_17920的博客 拖动工具栏图表到编辑器中编辑。   &lt;!Doctype html&gt; &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; &lt;head&gt; &lt;meta http-equiv=Content-Type content...
    • 基于mxGraph来做的一款web的绘制流程图的javascript库工具mxGraph_gpx.zip
      2021-12-06 09:32
      mxGraph是一款强大的JavaScript库，专为在Web上创建和编辑图形和流程图而设计。它提供了丰富的功能，允许用户通过简单易用的API构建复杂的图形界面。基于mxGraph的工具通常用于业务流程建模、软件设计、网络架构可视...
    • 【Mxgraph】Vue中使用mxgraph开发流程图工具
      2021-03-11 16:30
      节省钱的博客 1.什么是mxgraph mxGraph是一个JavaScript图表库，可以快速创建交互式图形和图表应用程序，这些应用程序...mxGraph在2005年创建，作为商业项目一直持续到2016年，2016年创建者以Apache 2.0开源协议在GitHub上公布源码。
    • js画图开发库--mxgraph--[toolbar-工具栏.html]
      2013-02-20 21:52
      iteye_17920的博客 js画图开发库--mxgraph--[toolbar-工具栏.html]        &lt;!Doctype html&gt; &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; &lt;head&gt; &lt;meta ...
    • 没有解决我的问题, 去提问

    问题事件

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