Giter Club home page Giter Club logo

Comments (6)

gaoli avatar gaoli commented on May 22, 2024

以下是我项目中的实现方案,供你参考:

  1. 使用 onNodeMouseEnteronNodeMouseLeave 监听鼠标移入移出 Node
  2. 使用 getDomPoint 方法获取结点对应 DOM 坐标
  3. 绘制相应浮动,如果项目基于 antd 的话可以直接使用 Popover

from ggeditor.

Yeung2017 avatar Yeung2017 commented on May 22, 2024

@gaoli
谢谢提示

from ggeditor.

nsuedu avatar nsuedu commented on May 22, 2024

请教下 getDomPoint 方法的graph对象是从 ggEditor里面的 哪里获取呢?
还有是通过ggEditor的什么属性绘制浮动呢, 还是使用原生canvas绘制? @gaoli @Yeung2017 @

from ggeditor.

limingzhe avatar limingzhe commented on May 22, 2024

@nsuedu 有同样的问题,请问你是怎么解决了呢

from ggeditor.

JoMartinezZhu avatar JoMartinezZhu commented on May 22, 2024

以下是我项目中的实现方案,供你参考:

  1. 使用 onNodeMouseEnteronNodeMouseLeave 监听鼠标移入移出 Node
  2. 使用 getDomPoint 方法获取结点对应 DOM 坐标
  3. 绘制相应浮动,如果项目基于 antd 的话可以直接使用 Popover

怎么去绘制浮动???

from ggeditor.

anjamirth avatar anjamirth commented on May 22, 2024

@eevin, @JoMartinezZhu @nsuedu @limingzhe

The following is the implementation scheme in my project for your reference:

  1. Use onNodeMouseEnterand onNodeMouseLeavemonitor the mouse moved out of the Node
  2. Use the getDomPoint method to get the DOM coordinates of the node
  3. Draw the corresponding float, if the project is based on antd, you can use Popover directly

How to draw the floats or Popover. I am also using antd pro-blocks. I am new to this.
Were you able to solve this? Can you pls guide me.

from ggeditor.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.