k_builder 0.0.68 → 0.0.73

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,109 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>
5
- How to take screenshot of
6
- a div using JavaScript?
7
- </title>
8
- <script src="highlight.min.js"></script>
9
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.0.1/styles/default.min.css">
10
- <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.5/dist/html2canvas.min.js"></script>
11
-
12
- <!-- Include from the CDN -->
13
- <script src=
14
- "https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.5/dist/html2canvas.min.js">
15
- </script>
16
-
17
- <!-- Include locally otherwise -->
18
- <!-- <script src='html2canvas.js'></script> -->
19
-
20
- <style>
21
- #photo {
22
- border: 4px solid green;
23
- padding: 4px;
24
- }
25
- </style>
26
- </head>
27
-
28
- <body>
29
- <div id="photo">
30
- <h1>GeeksforGeeks</h1>
31
- Hello everyone! This is a
32
- trial page for taking a
33
- screenshot.
34
- <br><br>
35
- This is a dummy button!
36
- <button> Dummy</button>
37
- <br><br>
38
- Click the button below to
39
- take a screenshot of the div.
40
- <br><br>
41
-
42
- <!-- Define the button
43
- that will be used to
44
- take the screenshot -->
45
- <button onclick="takeshot()">
46
- Take Screenshot
47
- </button>
48
- </div>
49
- <h1>Screenshot:</h1>
50
- <div id="myBlock">
51
- <pre><code class="ruby">
52
- # frozen_string_literal: true
53
-
54
- module KBuilder
55
- module Commands
56
- # Base command for single responsibility actions that can be fired
57
- # from methods in the builder.
58
- #
59
- # Uses the command pattern
60
- class BaseCommand
61
- include KLog::Logging
62
-
63
- attr_accessor :builder
64
- attr_accessor :valid
65
-
66
- def initialize(**opts)
67
- @builder = opts[:builder]
68
- @valid = true
69
- end
70
-
71
- def guard(message)
72
- # THIS SHOULD ONLY LOG IF DEBUGGING IS TURNED ON
73
- log.error(message)
74
- @valid = false
75
- end
76
-
77
- def valid?
78
- @valid
79
- end
80
-
81
- def debug(title: nil)
82
- log.section_heading(title) if title
83
- debug_values if respond_to?(:debug_values)
84
- end
85
- end
86
- end
87
- end
88
- </code></pre>
89
-
90
- <div id="output"></div>
91
-
92
- <script type="text/javascript">
93
-
94
- // Define the function
95
- // to screenshot the div
96
- function takeshot() {
97
- let div = document.getElementById('myBlock');
98
- html2canvas(div).then(
99
- function (canvas) {
100
- document
101
- .getElementById('output')
102
- .appendChild(canvas);
103
- })
104
- }
105
- </script>
106
- </body>
107
- <script>hljs.highlightAll();</script>
108
-
109
- </html>