-
Notifications
You must be signed in to change notification settings - Fork 1
/
rect.js
122 lines (110 loc) · 2.86 KB
/
rect.js
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
// by Chtiwi Malek ===> CODICODE.COM
var mousePressed = false;
var firstX, firstY;
var lastX, lastY;
var ctx;
var canvas;
var cPushArray = new Array();
var cStep = -1;
var mode = false;
function InitThis() {
canvas = document.getElementById('pdf_renderer');
ctx = document.getElementById('pdf_renderer').getContext("2d");
$('#pdf_renderer').mousedown(function (e) {
if(mode){
mousePressed = true;
firstX = e.pageX - $(this).offset().left;
firstY = e.pageY - $(this).offset().top;
Draw(e.pageX - $(this).offset().left, e.pageY - $(this).offset().top, false);
ctx.save();
}
});
$('#pdf_renderer').mousemove(function (e) {
if(mode){
if (mousePressed) {
// Draw(e.pageX - $(this).offset().left, e.pageY - $(this).offset().top, true);
}
}
});
$('#pdf_renderer').mouseup(function (e) {
if(mode){
Draw(e.pageX - $(this).offset().left, e.pageY - $(this).offset().top, true);
if (mousePressed) {
mousePressed = false;
cPush();
}
}
});
$('#pdf_renderer').mouseleave(function (e) {
if(mode){
if (mousePressed) {
mousePressed = false;
cPush();
}
}
});
//drawImage();
}
function drawImage() {
cStep = -1;
cPushArray = [];
render();
cPush();
}
function on(){
if(cStep == -1){
render();
cPush();
}
mode = true;
}
function off(){
mode = false;
cStep = -1;
cPushArray = [];
}
function Draw(x, y, isDown){
if(isDown){
let w = Math.abs(x - firstX)
let h = Math.abs(y - firstY)
let left = x > firstX ? firstX : x
let top = y > firstY ? firstY : y
//ctx.clearRect(0,0,canvas.width,canvas.height); //clear canvas
ctx.save();
ctx.beginPath();
ctx.rect(left, top, w, h);
ctx.fillStyle = "orange";
ctx.globalAlpha = 0.5;
ctx.strokeStyle = "orange";
ctx.globalAlpha = 0.5;
ctx.stroke();
ctx.fill();
ctx.closePath();
ctx.restore();
}
}
function cPush() {
cStep++;
if (cStep < cPushArray.length) { cPushArray.length = cStep; }
cPushArray.push(document.getElementById('pdf_renderer').toDataURL());
console.log(cPushArray);
document.title = cStep + ":" + cPushArray.length;
}
function cUndo() {
if (cStep > 0) {
cStep--;
var canvasPic = new Image();
canvasPic.src = cPushArray[cStep];
canvasPic.onload = function () { ctx.drawImage(canvasPic, 0, 0); }
document.title = cStep + ":" + cPushArray.length;
}
}
function cRedo() {
if (cStep <= cPushArray.length-1) {
cStep++;
var canvasPic = new Image();
canvasPic.src = cPushArray[cStep];
canvasPic.onload = function () { ctx.drawImage(canvasPic, 0, 0); }
document.title = cStep + ":" + cPushArray.length;
}
}