修复背景图解析问题

package.json

 {
 	"name": "html-shot",
-	"version": "1.0.13",
+	"version": "1.0.16",
 	"main": "dist/index.js",
 	"types": "types/index.d.ts",
 	"license": "MIT",

readme.md

@@ -20,6 +20,11 @@ document.body.appendChild(img);
 | `type` | 'canvas' | 'jpeg' | 'png' | 否 | 'png' | 导出类型 |
 | `qaulity` | number | 否 | 0.7 | 导出图片质量 |
 
+## 开启调试
+```js
+window['html-shot/debug-mode'] = true
+```
+
 ## 注意点
 * 仅支持的元素有：img、text、canvas(svga/spine/lottie)
 * 不支持transform变换

src/toCanvas.ts

@@ -61,10 +61,10 @@ export interface RenderOptions {
  * @return Promise<HTMLCanvasElement | string>
  */
 export async function toCanvas(data: ICData, options: RenderOptions = {}, callback?: (canvas: HTMLCanvasElement) => void): Promise<HTMLCanvasElement | string> {
-	const { type: exportType = 'png', quality = 0.7 } = options;
-	let { scale = window['devicePixelRatio'] || 1 } = options;
+	const {type: exportType = 'png', quality = 0.7} = options;
+	let {scale = window['devicePixelRatio'] || 1} = options;
 
-	let { nodes, width, height } = data;
+	let {nodes, width, height} = data;
 	width *= scale;
 	height *= scale;
 
@@ -91,14 +91,22 @@ export async function toCanvas(data: ICData, options: RenderOptions = {}, callba
 		//背景图片标签
 		if (n.backgroundImage) {
 			p.push(
-				new Promise((r) => {
+				new Promise((resolve, reject) => {
 					let img = new Image();
 					img.crossOrigin = 'anonymous'
 					img.onload = () => {
 						n.imgBg = img;
-						r()
+						resolve()
+					}
+					img.onerror = () => {
+						reject(`html shot error: can't fetch image[${img.src}]`);
+					}
+					let result = n.backgroundImage.match(/url\((.*)*\)/);
+					if (result) {
+						img.src = result[1].replace(/['"]/g, '');
+					} else {
+						reject(`html shot error: can't parse ${n.backgroundImage}`)
 					}
-					img.src = n.backgroundImage.replace('url("', "").replace('")', "");
 				})
 			)
 		}
@@ -143,7 +151,7 @@ export async function toCanvas(data: ICData, options: RenderOptions = {}, callba
  * @param scale
  */
 function drawImage(data: INodeData, ctx: CanvasRenderingContext2D, scale: number) {
-	let { x, y, img, width, height, borderRadius: borderRadiusTxt } = data;
+	let {x, y, img, width, height, borderRadius: borderRadiusTxt} = data;
 	x *= scale;
 	y *= scale;
 	width *= scale;
@@ -259,11 +267,13 @@ function drawBackgroundColor(data: INodeData, ctx: CanvasRenderingContext2D, sca
 }
 
 function drawBorder(data: INodeData, ctx: CanvasRenderingContext2D, scale: number) {
-	let { x, y, width, height,
+	let {
+		x, y, width, height,
 
 		borderRadius: borderRadiusTxt,
 		borderWidth: borderWidthTxt,
-		borderColor } = data;
+		borderColor
+	} = data;
 	let borderRadius = parseFloat(borderRadiusTxt) * scale;
 	let borderWidth = parseFloat(borderWidthTxt) * scale;
 	x *= scale;
@@ -320,4 +330,4 @@ function borderRadiusPath(data: INodeData, ctx: CanvasRenderingContext2D, scale:
 		ctx.arcTo(x, y, x + radius, y, radius)
 		ctx.closePath();
 	}
-}
\ No newline at end of file
+}