plugin-screenshot.md

目录

• 基本用法
• 选项
• 界面操控
• 实验性功能 *
  • 截图 (导出图片) *
• 参与贡献
• 贡献代码指南

截图 (导出图片) ^实验性

强烈建议你先阅读 实验性功能, 充分了解风险后再使用此功能。

此功能可将思维导图导出为 png 格式的图片。

<!-- style -->
<link type="text/css" rel="stylesheet" href="https://unpkg.com/[email protected]/style/jsmind.css" />

<!-- jsMind -->
<script type="text/javascript" src="https://unpkg.com/[email protected]/es6/jsmind.js"></script>

<!-- dependency of screenshot -->
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/dom-to-image.min.js" ></script>

<!-- screenshot plugin -->
<script type="text/javascript" src="https://unpkg.com/[email protected]/es6/jsmind.screenshot.js"></script>


<script>
    var jm = new jsMind(options);
    jm.show(mind_data);
    // export current mindmap to an image
    jm.shoot()
</script>

如果使用 npm，则需要安装 jsmind 和 dom-to-image

npm install jsmind
npm install dom-to-image

然后在页面里一样的使用

<script>
    import domtoimage from 'dom-to-image';
    import jsMind from 'jsmind'
    import 'jsmind/screenshot'
    import 'jsmind/style/jsmind.css'

    // ...

    var jm = new jsMind(options);
    jm.show(mind_data);
    // export current mindmap to an image
    jm.shoot()
</script>

版权声明

禁止转载、禁止演绎。

jsMind 项目仍在不断升级变化，版本更新时会同时更新对应的文档。为避免给使用者带来困惑，在没有得到书面许可前，禁止转载本文档，同时禁止对本文档进行任何形式的更改。