mind-map/web/src/pages/Doc/zh/doExport/index.md
2023-02-24 17:14:48 +08:00

1.9 KiB
Raw Blame History

Export 插件

Export插件提供导出的功能。

注册

import MindMap from 'simple-mind-map'
import Export from 'simple-mind-map/src/Export.js'

MindMap.usePlugin(Export)

注册完且实例化MindMap后可通过mindMap.doExport获取到该实例。

方法

png()

导出为png,异步方法,返回图片数据,data:url数据,可以自行下载或显示

svg(name, domToImage = false, plusCssText)

  • namesvg标题

  • domToImagev0.4.0+,当开启了节点富文本编辑,可以通过该参数指定是否将svg中的dom节点转换成图片的形式

  • plusCssTextv0.4.0+,当开启了节点富文本编辑,且domToImage传了false时,可以添加附加的css样式,如果svg中存在dom节点,想要设置一些针对节点的样式可以通过这个参数传入,比如:

svg(
  '', 
  false, 
  `* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }`
)

导出为svg,异步方法,返回svg数据,data:url数据,可以自行下载或显示

getSvgData(domToImage)

  • domToImagev0.4.0+,如果开启了节点富文本,则可以通过该参数指定是否要将svg中嵌入的DOM节点转换为图片。

获取svg数据,异步方法,返回一个对象:

{
  node// svg对象
  str// svg字符串如果开启了富文本编辑且domToImage设为true那么该值返回的svg字符内的dom节点会被转换成图片的形式
  nodeWithDomToImg// v0.4.0+DOM节点转换为图片后的svg对象只有当开启了富文本编辑且domToImage设为true才有值否则为null
}

pdf(name)

v0.2.1+

name:文件名称

导出为pdf

json(name, withConfig)

name:暂时没有用处,传空字符串即可

withConfig``Boolean, 默认为true,数据中是否包含配置,否则为纯思维导图节点数据

返回json数据,data:url数据,可以自行下载