forked from parallax/jsPDF
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest_from_html.html
More file actions
78 lines (59 loc) · 1.71 KB
/
Copy pathtest_from_html.html
File metadata and controls
78 lines (59 loc) · 1.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!doctype html>
<!--
/**
* jsPDF Test HTML PlugIn
* Copyright (c) 2014 Steven Spungin (TwelveTone LLC) steven@twelvetone.tv
*
* Licensed under the MIT License.
* http://opensource.org/licenses/mit-license
*/
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Test HTML</title>
<script src='../libs/require/require.js'></script>
<script>
require_baseUrl_override = '../';
require(['../libs/require/config'], function(){
require(['test/test_harness', 'plugins/from_html'], function(){
var pdf = new jsPDF('p', 'pt', 'letter');
var ta = document.getElementById('textarea');
pdf.fromHTML(ta.value, 0, 0);
ta.onkeyup = function(){
var pdf = new jsPDF('p', 'pt', 'letter');
pdf.fromHTML(ta.value, 0, 0);
harness.setPdf(pdf);
}
var harness = pdf_test_harness_init(pdf);
harness.header.style.left='50%';
harness.body.style.left='50%';
}); //require
}); //require
</script>
</head>
<body style='background-color: silver; margin: 0;'>
<textarea id='textarea' style='position: fixed; width: 50%; height: 100%'>
<html>
<head>
<style>
.important {
color: darkred;
font-size: 10em;
}
</style>
</head>
<body>
<div>black</div>
<div>black (should not have color parameter in PDF source)</div>
<div style='color: red; font-size: 30px'>hello</div>
<div style='color: rgb(0, 255, 0); font-size: 30px'>hello</div>
<div style='color: #0000FF; font-size: 30px'>hello</div>
<div class='important'>hello</div>
<div>black</div>
<div>black (should not have color parameter in PDF source)</div>
</body>
</html>
</textarea>
</body>
</html>