init

2a890870 · rockyl · 769465b5 · 2a890870 · 2a890870 · 2a890870
Commit 2a890870 authored Apr 01, 2021 by rockyl
6 changed files
--- a/node_modules/.yarn-integrity
+++ b/node_modules/.yarn-integrity
+{
+  "systemParams": "darwin-x64-72",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [
+    "@spark/animation",
+    "@spark/api-base",
+    "@spark/api-common",
+    "@spark/common-helpers",
+    "@spark/projectx",
+    "@spark/share",
+    "@spark/ui",
+    "@spark/utils",
+    "alias-parser",
+    "code-mix",
+    "deviljs",
+    "duiba-utils",
+    "fyge",
+    "html-shot",
+    "init-project",
+    "package-readme-generator",
+    "props-compute",
+    "psd-parse-web",
+    "qunity",
+    "qunity-cli",
+    "qunity-pixi",
+    "qunity-scene",
+    "scss-simple-parser",
+    "sheet-packer",
+    "spark-cli",
+    "spark-test-lib",
+    "spark-utils",
+    "spark-wrapper-fyge",
+    "test",
+    "tiny-image",
+    "tree-dsl-react",
+    "visual-code",
+    "visual-process",
+    "zeroing-code-divider",
+    "zeroing-pack",
+    "zeroing-template-fill",
+    "zrender"
+  ],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}
\ No newline at end of file
--- a/package.json
+++ b/package.json
 {
 	"name": "html-shot",
-	"version": "1.0.16",
+	"version": "1.0.17",
 	"main": "dist/index.js",
 	"types": "types/index.d.ts",
 	"license": "MIT",

--- a/src/dom-parser.ts
+++ b/src/dom-parser.ts
@@ -28,9 +28,10 @@ const includeStyleKeys = [
 export function parseDom(el: HTMLElement = document.body) {
 	const {left: pX, top: pY, width, height} = el.getBoundingClientRect();

-	let nodes = [], skip = false;
+	let nodes = [];
 	walkNode(el, function (childNode) {
 		let vNode, bound, node, isText;
+		let skip = false;
 		switch (childNode.nodeName) {
 			case 'IMG':
 				node = childNode;

--- a/src/toCanvas.ts
+++ b/src/toCanvas.ts
@@ -77,12 +77,15 @@ export async function toCanvas(data: ICData, options: RenderOptions = {}, callba
 	nodes.forEach((n) => {
 		if (n.type == NodeType.IMAGE) {//图片标签
 			p.push(
-				new Promise((r) => {
+				new Promise((resolve, reject) => {
 					let img = new Image();
 					img.crossOrigin = 'anonymous'
 					img.onload = () => {
 						n.img = img;
-						r()
+						resolve()
+					}
+					img.onerror = () => {
+						reject(`html shot error: can't fetch image[${img.src}]`);
 					}
 					img.src = n.src;
 				})

--- a/test.html
+++ b/test.html
@@ -12,6 +12,8 @@
          background-color: orange;
          border-radius: 2.00rem;
          border: 0.1rem solid blue;
+          width: 5.20rem;
+          height: 4.40rem;
      }

      .bg {
@@ -46,8 +48,8 @@
 </head>
 <body>
 <div id="poster" class="poster">
-	<div class="bg"></div>
-	<img class="avatar" src="//yun.duiba.com.cn/aurora/14e3d0fa0e1ff54553a2c8c094b1caffd90f0a43.png"/>
+	<!--<div class="bg"></div>-->
+	<img class="avatar" src="//yun.duiba.com.cn/aurora/14e3d0fa0e1ff54553a2c8c094b1caffd90f0a43.png" style="display: none"/>
 	<!--<canvas id="canvas" style="position: absolute; left: 10px; top: 10px;"></canvas>
 	<p class="ppp">
 		a<br/>bcdefghij

--- a/yarn.lock
+++ b/yarn.lock
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+