Code Monkey home page Code Monkey logo

Comments (8)

ttsdzzg avatar ttsdzzg commented on June 30, 2024

方便的话可否贴出测试的数据

from jsmind.

zhangshuai1 avatar zhangshuai1 commented on June 30, 2024

就是在同级节点上一直增加节点到一定数量就会出现了。

from jsmind.

hizzgdev avatar hizzgdev commented on June 30, 2024

Firefox 44.0.2 没有出现你提到的问题,能否截图或提供一下游览器版本?

from jsmind.

zhangshuai1 avatar zhangshuai1 commented on June 30, 2024

我不知道怎么在这发图片,我的浏览器就是44.0.2应该是您的节点数还没达到140左右?

from jsmind.

hizzgdev avatar hizzgdev commented on June 30, 2024

我在IE和重现了你提出的问题(但在 Firefox 下仍未能重现)。jsMind 使用 canvas 绘制连接线,而IE对canvas 的实现存在以下问题:

The maximum size of the rendered area on a canvas is from 0,0 to 8192 x 8192 pixels, regardless of the size of the canvas. MSDN: canvas element

jsMind 暂时不会对 IE 的这一特点进行特殊处理,希望你理解。

from jsmind.

wycJason avatar wycJason commented on June 30, 2024

我用的是“360极速浏览器”,极速模式,版本号9.0.1.140,内核版本:55.0.2883.87测试的,节点数我创建了差不多1000多个,文字20万字节,当折叠到一定数量时,节点与节点之前的连线会显示出来,当展示数量足够多时,连线就看不见了。请问是什么原因?谷歌浏览器也有同样的问题。

from jsmind.

wycJason avatar wycJason commented on June 30, 2024

是不是画布上渲染区域的最大大小从0,0到8192 x 8192像素,超出了就不显示连线了呢?如果是,有什么办法能解决,张先生。

from jsmind.

hizzgdev avatar hizzgdev commented on June 30, 2024

@wycJason

参考一下这个结果,应该就是这个原因:
https://stackoverflow.com/a/11585939

Chrome:

Maximum height/width: 32,767 pixels
Maximum area: 268,435,456 pixels (e.g., 16,384 x 16,384)

Firefox:

Maximum height/width: 32,767 pixels
Maximum area: 472,907,776 pixels (e.g., 22,528 x 20,992)

IE:

Maximum height/width: 8,192 pixels
Maximum area: N/A

IE Mobile:

Maximum height/width: 4,096 pixels
Maximum area: N/A

如果一定要处理的话,大致有两个思路:

  1. 使用多个canvas进行拼接
  2. 让一个canvas滑动起来,永远显示在浏览器视野里

但是都不太容易处理。请见谅。

from jsmind.

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.