作用dpr

src/dom-parser.ts

@@ -60,15 +60,15 @@ export function parseDom(el: HTMLElement = document.body) {
 
 				break;
 		}
-		if(!bound && childNode.getBoundingClientRect){
+		if (!bound && childNode.getBoundingClientRect) {
 			bound = childNode.getBoundingClientRect();
 		}
 
 		let styles = getStylesWithoutDefaults(node || childNode);
 
 		if (!isText) {
-			for(let skey of commonStyleKeys){
-				if(commonStyleKeys.indexOf(skey) < 0){
+			for (let skey of commonStyleKeys) {
+				if (commonStyleKeys.indexOf(skey) < 0) {
 					continue
 				}
 

test.html

@@ -40,10 +40,11 @@
 	<img class="avatar" src="//yun.duiba.com.cn/aurora/14e3d0fa0e1ff54553a2c8c094b1caffd90f0a43.png"/>
 	<canvas id="canvas" style="position: absolute; left: 10px; top: 10px;"></canvas>
 	<p class="ppp">
-		a<br/>bcde<span style="background-color: rgba(0,255,0,0.5);">span</span>fghij
+		a<br/>bcdefghij
 	</p>
 </div>
-
+<!--
+<span style="background-color: rgba(0,255,0,0.5);">span</span>-->
 <script>
 	let canvas = document.getElementById('canvas');
 	let context = canvas.getContext('2d');

types/toCanvas.d.ts

@@ -36,6 +36,7 @@ interface INodeData {
     fontStyle?: "normal" | "italic" | "oblique";
 }
 export interface RenderOptions {
+    scale?: number;
     type?: 'canvas' | 'jpeg' | 'png';
     quality?: number;
 }