svg 转 png/jpg _link之家

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

灰常酷的书签 · 通过浏览器，将webp格式图片转jpg格式_ ...· 1 月前 ·

深情的单杠 · 周六福第三次闯关A股IPO终止 ...· 3 月前 ·

爱喝酒的日光灯 · 上海静安宝山路街道社区服务中心上线随心查系统 ...· 1 年前 ·

打盹的桔子 · 美国4月失业率维持在3.6% - 中国一带一路网· 1 年前 ·

多情的西瓜 · 【宝石骑士】小恶魔反差奶咪 ...· 1 年前 ·

威武的蜡烛 · 【全国1年以下二手智点汽车】全国1年以下二手 ...· 2 年前 ·

const origin = location. host ; return url. indexOf ( 'data:' ) !== 0 && url. indexOf (origin) < 0 ; * @param url url -> image const loadImage = url => { return new Promise ( ( resolve, reject ) => { const img = new Image (); if ( isCrossOriginUrl (url)) { img. crossOrigin = 'Anonymous' ; img. onload = () => { resolve (img); img. onerror = function ( ) { const msg = 'Image load error: ' + url; reject ( new Error (msg)); img. src = url; * image元素 -> base64 Data * @param image image node export const imageToPng = ( image: HTMLImageElement ) => { const canvas = document . createElement ( 'canvas' ); const ctx = canvas. getContext ( '2d' ); canvas. width = image. width ; canvas. height = image. height ; ctx. drawImage (image, 0 , 0 , image. width , image. height ); return canvas. toDataURL ( 'image/png' ); * @param xml svg 的xml内容 export const svgToPng = async ( xml: string ) => { const base64 = window . btoa ( unescape ( encodeURIComponent (xml))); const image64 = `data:image/svg+xml;base64, ${base64} ` ; const image = await loadImage (image64); return imageToPng (image); * @param 读取文件内容 export const readFile = ( file, dataType = 'DataURL' ) => { return new Promise ( ( resolve, reject ) => { const reader = new FileReader (); const fnName = `readAs ${dataType} ` ; if (!reader[fnName]) { throw new Error ( 'File read error, dataType not support' ); reader. onerror = () => { reject ( new Error ( 'File read error' )); reader. onload = () => { resolve (reader. result ); reader[fnName](file); export const svgFile2Png = ( file ) => { return readFile (file, 'Text' ). then (svgToPng) 复制代码

推荐文章

灰常酷的书签 · 通过浏览器，将webp格式图片转jpg格式_chrome webp转jpg

1 月前

深情的单杠 · 周六福第三次闯关A股IPO终止黄金珠宝公司纷纷改道港股上市

3 月前

爱喝酒的日光灯 · 上海静安宝山路街道社区服务中心上线随心查系统- 上海本地宝

1 年前

打盹的桔子 · 美国4月失业率维持在3.6% - 中国一带一路网

1 年前

多情的西瓜 · 【宝石骑士】小恶魔反差奶咪 naimi❤️_哔哩哔哩_bilibili

1 年前

威武的蜡烛 · 【全国1年以下二手智点汽车】全国1年以下二手智点汽车交易市场_全国1年以下二手智点汽车报价 - 小猪二手车

2 年前