You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.0 KiB
102 lines
3.0 KiB
// @ts-nocheck
|
|
// #ifdef APP-ANDROID || APP-IOS
|
|
import { fileToDataURL } from '@/uni_modules/lime-file-utils'
|
|
// #endif
|
|
|
|
|
|
/**
|
|
* 小程序把路径转成base64
|
|
* @param {string} path
|
|
* @return 表示 SVG 的 Data URL。
|
|
*/
|
|
export function pathToDataUrl(path : string) : Promise<string> {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
// #ifdef MP
|
|
uni.getFileSystemManager().readFile({
|
|
filePath: path,
|
|
encoding: 'base64',
|
|
success: (res) => {
|
|
resolve(`data:image/svg+xml;base64,${res.data}`)
|
|
},
|
|
fail: (error) => {
|
|
console.error({ error, path })
|
|
reject(error)
|
|
}
|
|
})
|
|
// #endif
|
|
// #ifdef APP-ANDROID || APP-IOS
|
|
const url = fileToDataURL(path)
|
|
if(url == null) {
|
|
reject('路径错误')
|
|
}
|
|
resolve(url!.replace(/\s+/g,''))
|
|
// #endif
|
|
// #ifdef APP-NVUE
|
|
let localFilePath = plus.io.convertAbsoluteFileSystem(path)
|
|
if (localFilePath == path) {
|
|
localFilePath = '_www/' + path.slice(1)
|
|
}
|
|
plus.io.resolveLocalFileSystemURL(localFilePath, (entry) => {
|
|
entry.file((file : any) => {
|
|
const fileReader = new plus.io.FileReader()
|
|
fileReader.onload = (data) => {
|
|
resolve(data.target.result)
|
|
}
|
|
fileReader.onerror = (error) => {
|
|
console.error({ error, path })
|
|
reject(error)
|
|
}
|
|
fileReader.readAsDataURL(file)
|
|
}, reject)
|
|
}, reject)
|
|
// #endif
|
|
// #ifndef APP-ANDROID || APP-IOS || MP || APP-NVUE
|
|
reject('不支持')
|
|
// #endif
|
|
})
|
|
|
|
}
|
|
|
|
/**
|
|
* 将 SVG 字符串转换为 Data URL。
|
|
* @param {string} svg - 要转换的 SVG 字符串。
|
|
* @returns {string} 表示 SVG 的 Data URL。
|
|
*/
|
|
export function svgToDataUrl(svgString : string) : string {
|
|
|
|
// const encodedSvg = svgString.replace('<svg', (~svgString.indexOf('xmlns') != 0? '<svg' : '<svg xmlns="http://www.w3.org/2000/svg"'))
|
|
// .replace(/data-(.*?=(['"]).*?\2)/g, '$1')
|
|
// .replace(/xlink-href=/g, 'xlink:href=')
|
|
// .replace(/view-box=/g, 'viewBox=')
|
|
// .replace(/<(title|desc)>[\s\S]*?<\/\1>/g, '')
|
|
// // .replace(/\d+\.\d+/g, (match) : number => parseFloat(parseFloat(match).toFixed(2)))
|
|
// .replace(/<!--[\s\S]*?-->/g, '')
|
|
// .replace(/\s+/g, ' ')
|
|
// // .replace(/[{}\|\\\^~\[\]`"<>#%]/g, (match: string):string => {
|
|
// // return `%${match[0].charCodeAt(0).toString(16).toUpperCase()}`
|
|
// // }).replace(/'/g, "\\'")
|
|
// .replace(/\s+/g, '%20') // 将空格替换为%20
|
|
// .replace(/"/g, '%22') // 转义"
|
|
// .replace(/</g, '%3C') // 转义<
|
|
// .replace(/>/g, '%3E') // 转义>
|
|
// .replace(/\//g, '%2F') // 转义/
|
|
// .replace(/\?/g, '%3F') // 转义?
|
|
// .replace(/#/g, '%23') // 转义#
|
|
// .replace(/:/g, '%3A') // 转义:
|
|
// .replace(/;/g, '%3B') // 转义;
|
|
// .replace(/=/g, '%3D') // 转义=
|
|
// .replace(/\$/g, '%24') // 转义$
|
|
// .replace(/@/g, '%40') // 转义@
|
|
// .replace(/#/g, '%23')
|
|
// // .replace(/{/g, '%7B')
|
|
// // .replace(/}/g, '%7D')
|
|
// .trim(); // 移除首尾空格
|
|
// #ifdef APP
|
|
// #endif
|
|
// #ifndef APP
|
|
// const encodedSvg = encodeURIComponent(svgString);
|
|
// #endif
|
|
const encodedSvg = encodeURIComponent(svgString)!.replace(/\+/g, '%20');
|
|
return `data:image/svg+xml,${encodedSvg}`
|
|
}
|