html2canvas-pro 1.5.13 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/dist/html2canvas-pro.esm.js +151 -18
- package/dist/html2canvas-pro.esm.js.map +1 -1
- package/dist/html2canvas-pro.js +151 -18
- package/dist/html2canvas-pro.js.map +1 -1
- package/dist/html2canvas-pro.min.js +2 -2
- package/dist/lib/css/layout/bounds.js +13 -1
- package/dist/lib/css/layout/bounds.js.map +1 -1
- package/dist/lib/css/property-descriptors/background-position.js +14 -1
- package/dist/lib/css/property-descriptors/background-position.js.map +1 -1
- package/dist/lib/css/types/length-percentage.js +91 -1
- package/dist/lib/css/types/length-percentage.js.map +1 -1
- package/dist/lib/dom/node-parser.js +14 -1
- package/dist/lib/dom/node-parser.js.map +1 -1
- package/dist/lib/render/canvas/canvas-renderer.js +16 -10
- package/dist/lib/render/canvas/canvas-renderer.js.map +1 -1
- package/dist/lib/render/stacking-context.js +7 -4
- package/dist/lib/render/stacking-context.js.map +1 -1
- package/dist/types/css/types/length-percentage.d.ts +11 -1
- package/package.json +1 -1
- package/test-punctuation.html +0 -77
package/test-punctuation.html
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="zh-CN">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>中文标点符号测试</title>
|
|
7
|
-
<style>
|
|
8
|
-
body {
|
|
9
|
-
padding: 20px;
|
|
10
|
-
font-family: "Microsoft YaHei", "SimSun", sans-serif;
|
|
11
|
-
}
|
|
12
|
-
.test-case {
|
|
13
|
-
margin-bottom: 30px;
|
|
14
|
-
padding: 20px;
|
|
15
|
-
border: 1px solid #ccc;
|
|
16
|
-
}
|
|
17
|
-
.test-text {
|
|
18
|
-
font-size: 24px;
|
|
19
|
-
line-height: 1.5;
|
|
20
|
-
}
|
|
21
|
-
.result {
|
|
22
|
-
margin-top: 20px;
|
|
23
|
-
border: 1px solid #999;
|
|
24
|
-
}
|
|
25
|
-
</style>
|
|
26
|
-
</head>
|
|
27
|
-
<body>
|
|
28
|
-
<h1>中文标点符号错位测试</h1>
|
|
29
|
-
|
|
30
|
-
<div class="test-case">
|
|
31
|
-
<h3>测试1：连续中文标点符号</h3>
|
|
32
|
-
<div class="test-text" id="test1">
|
|
33
|
-
《他的故事》《传世不朽》（收到的方式）
|
|
34
|
-
</div>
|
|
35
|
-
<canvas class="result" id="canvas1"></canvas>
|
|
36
|
-
</div>
|
|
37
|
-
|
|
38
|
-
<div class="test-case">
|
|
39
|
-
<h3>测试2：混合中文标点和文字</h3>
|
|
40
|
-
<div class="test-text" id="test2">
|
|
41
|
-
「你好」、「世界」、「测试」——这些都是中文标点。
|
|
42
|
-
</div>
|
|
43
|
-
<canvas class="result" id="canvas2"></canvas>
|
|
44
|
-
</div>
|
|
45
|
-
|
|
46
|
-
<div class="test-case">
|
|
47
|
-
<h3>测试3：带 letter-spacing 的中文标点</h3>
|
|
48
|
-
<div class="test-text" id="test3" style="letter-spacing: 2px;">
|
|
49
|
-
测试，，，连续标点。。。问题！！！
|
|
50
|
-
</div>
|
|
51
|
-
<canvas class="result" id="canvas3"></canvas>
|
|
52
|
-
</div>
|
|
53
|
-
|
|
54
|
-
<script src="dist/html2canvas-pro.js"></script>
|
|
55
|
-
<script>
|
|
56
|
-
async function runTest(elementId, canvasId) {
|
|
57
|
-
const element = document.getElementById(elementId);
|
|
58
|
-
const canvas = await html2canvas(element, {
|
|
59
|
-
logging: true,
|
|
60
|
-
scale: 2
|
|
61
|
-
});
|
|
62
|
-
const resultCanvas = document.getElementById(canvasId);
|
|
63
|
-
resultCanvas.width = canvas.width;
|
|
64
|
-
resultCanvas.height = canvas.height;
|
|
65
|
-
const ctx = resultCanvas.getContext('2d');
|
|
66
|
-
ctx.drawImage(canvas, 0, 0);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
window.addEventListener('load', async () => {
|
|
70
|
-
await runTest('test1', 'canvas1');
|
|
71
|
-
await runTest('test2', 'canvas2');
|
|
72
|
-
await runTest('test3', 'canvas3');
|
|
73
|
-
});
|
|
74
|
-
</script>
|
|
75
|
-
</body>
|
|
76
|
-
</html>
|
|
77
|
-
|