-
-
Notifications
You must be signed in to change notification settings - Fork 866
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
html模式下save image #36
Comments
你好,@onlyoneice ,非常感谢你的支持。 其实这是个已知的问题,但是我还没有很好的解决方案。不如我先来介绍一下jsmind 以及其保存图片的原理,看看你(或者其他有兴趣的朋友)有没有什么好的思路: jsMind 在内部构造了一个节点树,树上的根节点就是脑图的主题,子节点就是不同的分支。 显示脑图时,jsMind 首先把每一个节点都映射到一个 html 元素上,填充节点内容,并计算出每个节点尺寸和坐标,令这些html元素绝对定位到指定的位置,然后根据这些坐标,在一个背景画布上绘出连接线。 保存图片时,jsMind 将每个节点也绘制在背景画布上[1],并利用画布可以导出图片的特性,生成了图片。 此问题出现在上面[1]的地方,html5 里的 canvas 并不支持根据 html 片段绘制其被浏览器渲染后的样子,如果要画出html的节点,不仅需要自行计算该节点的大小和位置,还要处理文本的换行,复杂的样式等,相当于要实现一个 html 渲染引擎,而这就比较困难了。 所以在我目前的实现思路下,还不能很好的处理 html 节点保存为图片的问题。 |
非常感谢您的讲解,我也在寻找方案,如果进展push给你。 |
利用html2canvas,然后将canvas来保存数据,不知道可行不可行。有空试试。 |
@qboy1987 感谢你的推荐,最近我试试这个方案。 |
这个pr[https://github.com//pull/42] 对于图片的问题可以很好的解决,等测试后 @onlyoneice 可以一试。 |
请问你有最新的进展吗? |
html 模式下 保存图片 节点内容显示的是html代码
The text was updated successfully, but these errors were encountered: