导出svg增加title标签

This commit is contained in:
wanglin25 2022-09-19 09:36:19 +08:00
parent c08d66acf2
commit af2df6acd3
4 changed files with 8 additions and 4 deletions

View File

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

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>

View File

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

View File

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