openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导出svg增加title标签

Browse Source
This commit is contained in:
wanglin2 2022-09-19 09:36:19 +08:00
parent bfeb59d43f
commit 4c1786e127
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -88,7 +88,7 @@ npm run build
# 安装 # 安装
> 当然仓库版本：0.2.5，当前npm版本：0.2.5 > 当然仓库版本：0.2.6，当前npm版本：0.2.5
```bash ```bash
npm i simple-mind-map npm i simple-mind-map

2
index.html
View File

@ -1 +1 @@
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>一个简单的web思维导图实现</title><link href="dist/js/chunk-2d20ec02.10aa67e3.js" rel="prefetch"><link href="dist/js/chunk-2d216b67.2d06497a.js" rel="prefetch"><link href="dist/js/chunk-610cd190.e608bced.js" rel="prefetch"><link href="dist/css/app.a5557953.css" rel="preload" as="style"><link href="dist/css/chunk-vendors.597033a2.css" rel="preload" as="style"><link href="dist/js/app.a506511e.js" rel="preload" as="script"><link href="dist/js/chunk-vendors.b8c6448e.js" rel="preload" as="script"><link href="dist/css/chunk-vendors.597033a2.css" rel="stylesheet"><link href="dist/css/app.a5557953.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="dist/js/chunk-vendors.b8c6448e.js"></script><script src="dist/js/app.a506511e.js"></script></body></html> <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>一个简单的web思维导图实现</title><link href="dist/js/chunk-2d20ec02.81d632f4.js" rel="prefetch"><link href="dist/js/chunk-2d216b67.228f2009.js" rel="prefetch"><link href="dist/js/chunk-e86f1494.f8dd20e2.js" rel="prefetch"><link href="dist/css/app.25c60b6e.css" rel="preload" as="style"><link href="dist/css/chunk-vendors.6fd71983.css" rel="preload" as="style"><link href="dist/js/app.c89d5240.js" rel="preload" as="script"><link href="dist/js/chunk-vendors.54c023de.js" rel="preload" as="script"><link href="dist/css/chunk-vendors.6fd71983.css" rel="stylesheet"><link href="dist/css/app.25c60b6e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="dist/js/chunk-vendors.54c023de.js"></script><script src="dist/js/app.c89d5240.js"></script></body></html>

2
simple-mind-map/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "simple-mind-map", "name": "simple-mind-map",
"version": "0.2.5", "version": "0.2.6",
"description": "一个简单的web在线思维导图", "description": "一个简单的web在线思维导图",
"authors": [ "authors": [
{ {

6
simple-mind-map/src/Export.js
View File

@ -1,5 +1,8 @@
import { imgToDataUrl, downloadFile } from './utils' import { imgToDataUrl, downloadFile } from './utils'
import JsPDF from 'jspdf' import JsPDF from 'jspdf'
import {
SVG,
} from '@svgdotjs/svg.js'
const URL = window.URL || window.webkitURL || window const URL = window.URL || window.webkitURL || window
/** /**
@ -228,8 +231,9 @@ class Export {
* @Date: 2021-07-04 14:54:07 * @Date: 2021-07-04 14:54:07
* @Desc: 导出为svg * @Desc: 导出为svg
*/ */
async svg() { async svg(name) {
let { node } = await this.getSvgData() let { node } = await this.getSvgData()
node.first().before(SVG(`<title>${name}</title>`))
await this.drawBackgroundToSvg(node) await this.drawBackgroundToSvg(node)
let str = node.svg() let str = node.svg()
// 转换成blob数据 // 转换成blob数据