GooFlow.print.js
8.1 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
/*
* 打印预览或另存为PDF功能，需要依赖:
* ../plugin/printThis.js
*/
;(function ( global, base_factory ) {
'use strict';
if ( typeof define !== 'undefined' && define.amd ) { // export as AMD...
define( ['jquery','GooFlow'], base_factory );
}
else if ( typeof module !== 'undefined' && module.exports ) { // ...or as browserify
base_factory( require('jquery'), require('GooFlow') );
}else
base_factory( global.$, global.GooFlow );
}( typeof window !== 'undefined' ? window : this, function ( $,GooFlow ) {
if(GooFlow.prototype.print && typeof GooFlow.prototype.print==='function'){
return;//防止多次载入
}
/*
* printThis v1.12.2
* @desc Printing plug-in for jQuery
* @author Jason Day
* 精简版 only for GooFlow
*/
(function($) {
function appendContent($el, content) {
if (!content) return;
// Simple test for a jQuery element
$el.append(content.jquery ? content.clone() : content);
}
function appendBody($body, $element, opt) {
// Clone for safety and convenience
// Calls clone(withDataAndEvents = true) to copy form values.
var $content = $element.clone();
if (opt.printContainer) {
// grab $.selector as container
$content.appendTo($body);
} else {
// otherwise just print interior elements of container
$content.each(function() {
$(this).children().appendTo($body)
});
}
}
var opt;
$.fn.printThis = function(options) {
opt = $.extend({}, $.fn.printThis.defaults, options);
var $element = this instanceof jQuery ? this : $(this);
var strFrameName = "printThis-" + (new Date()).getTime();
if (window.location.hostname !== document.domain && navigator.userAgent.match(/msie/i)) {
// Ugly IE hacks due to IE not inheriting document.domain from parent
// checks if document.domain is set by comparing the host name against document.domain
var iframeSrc = 'javascript:document.write("<head><script>document.domain="' + document.domain + '";</script></head><body></body>")';
var printI = document.createElement('iframe');
printI.name = "printIframe";
printI.id = strFrameName;
printI.className = "MSIE";
document.body.appendChild(printI);
printI.src = iframeSrc;
} else {
// other browsers inherit document.domain, and IE works if document.domain is not explicitly set
var $frame = $("<iframe id='" + strFrameName + "' name='printIframe' />");
$frame.appendTo("body");
}
var $iframe = $("#" + strFrameName);
// show frame if in debug mode
if (!opt.debug) $iframe.css({
position: "absolute",
width: "0px",
height: "0px",
left: "-600px",
top: "-600px"
});
// $iframe.ready() and $iframe.load were inconsistent between browsers
setTimeout(function() {
// Add doctype to fix the style difference between printing and render
function setDocType($iframe, doctype){
var win, doc;
win = $iframe.get(0);
win = win.contentWindow || win.contentDocument || win;
doc = win.document || win.contentDocument || win;
doc.open();
doc.write(doctype);
doc.close();
}
if (opt.doctypeString){
setDocType($iframe, opt.doctypeString);
}
var $doc = $iframe.contents(),
$head = $doc.find("head"),
$body = $doc.find("body"),
$base = $('base'),
baseURL;
$body.css({height:'auto',margin:'0',padding:'0',background:'#fff'});
// add base tag to ensure elements use the parent domain
if (opt.base === true && $base.length > 0) {
// take the base tag from the original page
baseURL = $base.attr('href');
} else if (typeof opt.base === 'string') {
// An exact base string is provided
baseURL = opt.base;
} else {
// Use the page URL as the base
baseURL = document.location.protocol + '//' + document.location.host;
}
$head.append('<base href="' + baseURL + '">');
$("link[rel=stylesheet]").each(function() {
var href = $(this).attr("href");
if (href) {
var media = $(this).attr("media") || "all";
$head.append("<link type='text/css' rel='stylesheet' href='" + href + "' media='" + media + "'>");
}
});
// add title of the page
if (opt.pageTitle) $head.append("<title>" + opt.pageTitle + "</title>");
// print header
appendContent($body, opt.header);
appendBody($body, $element, opt);
// print "footer"
appendContent($body, opt.footer);
setTimeout(function() {
if ($iframe.hasClass("MSIE")) {
// check if the iframe was created with the ugly hack
// and perform another ugly hack out of neccessity
window.frames["printIframe"].focus();
$head.append("<script> window.print(); </s" + "cript>");
} else {
// proper method
if (document.queryCommandSupported("print")) {
$iframe[0].contentWindow.document.execCommand("print", false, null);
} else {
$iframe[0].contentWindow.focus();
$iframe[0].contentWindow.print();
}
}
// remove iframe after print
if (!opt.debug) {
setTimeout(function() {
$iframe.remove();
}, 1000);
}
}, opt.printDelay);
}, 333);
};
// defaults
$.fn.printThis.defaults = {
debug: false, // show the iframe for debugging
printContainer: true, // print outer container/$.selector
pageTitle: "", // add title to print page
printDelay: 333, // variable print delay
header: null, // prefix to html
footer: null, // postfix to html
base: false, // preserve the BASE tag, or accept a string for the URL
doctypeString: '<!DOCTYPE html>' // html doctype
};
})($);
////////////////printThis.js END!
//扩展定义打印预览或另存为PDF功能的方法
GooFlow.prototype.print=function(scale){
var max=this._suitSize();
if(!scale) scale=1.0;
max.width+=100;max.height+=100;
var printDiv=this.$workArea.clone();
printDiv.css({
width:max.width+"px",height:max.height+"px"
});
printDiv.children(".GooFlow_work_group").css({width:max.width+"px",height:max.height+"px"});
printDiv.children("svg").css({width:max.width+"px",height:max.height+"px"});
printDiv.children(".GooFlow_work_vml").css({width:max.width+"px",height:max.height+"px"});
printDiv=printDiv.wrap('<div class="GooFlow GooFlow_work" style="width:'
+max.width+'px;height:'+max.height+'px; overflow:hidden"></div>').parent();
if(GooFlow.color.font){
printDiv.css("color",GooFlow.color.font);
}
printDiv.css({"transform-origin": "top left", transform:"scale("+scale+")"}).printThis({
base:document.URL, pageTitle:this.$title
});
};
return GooFlow;
}));