1 | G.loadImage('./demo/demo_small.png', function(image) {
|
2 | console.log('load Image complete!');
|
3 | G.drawCanvas('#chart1', function(ctx1, canvas1) {
|
4 | ctx1.drawImage(image, 0, 0);
|
5 | ctx1.fillText('Hello World!', 10, 50);
|
6 | var idata = G.getImageData(canvas1);
|
7 | G.gray(idata);
|
8 | G.drawCanvas('#chart2', function(ctx2) {
|
9 | ctx2.putImageData(idata, 0, 0);
|
10 | });
|
11 | idata = G.getImageData(canvas1);
|
12 | G.bright(idata, 50);
|
13 | G.drawCanvas('#chart3', function(ctx) {
|
14 | ctx.putImageData(idata, 0, 0);
|
15 | });
|
16 | idata = G.getImageData(canvas1);
|
17 | G.threshold(idata, 128);
|
18 | G.drawCanvas('#chart4', function(ctx) {
|
19 | ctx.putImageData(idata, 0, 0);
|
20 | });
|
21 | idata = G.getImageData(canvas1);
|
22 | var blurData = G.blurC(idata);
|
23 | G.drawCanvas('#chart5', function(ctx) {
|
24 | ctx.putImageData(blurData, 0, 0);
|
25 | });
|
26 | idata = G.getImageData(canvas1);
|
27 | var sharpenData = G.sharpen(idata);
|
28 | G.drawCanvas('#chart6', function(ctx) {
|
29 | ctx.putImageData(sharpenData, 0, 0);
|
30 | });
|
31 | idata = G.getImageData(canvas1);
|
32 | var sobelData = G.sobel(idata);
|
33 | G.drawCanvas('#chart7', function(ctx) {
|
34 | ctx.putImageData(sobelData, 0, 0);
|
35 | });
|
36 | idata = G.getImageData(canvas1);
|
37 | var sobelData = G.sobel(idata);
|
38 | var weights =
|
39 | [1, 1, 1,
|
40 | 1,0.7, -1,
|
41 | -1,-1 , -1];
|
42 | idata = G.getImageData(canvas1);
|
43 | var convData = G.convolute(idata, weights, true);
|
44 | G.drawCanvas('#chart8', function(ctx) {
|
45 | ctx.putImageData(convData, 0, 0);
|
46 | });
|
47 | var weights =
|
48 | [-1, -1, -1,
|
49 | -1,0.3, 1,
|
50 | 1, 1, 1];
|
51 | idata = G.getImageData(canvas1);
|
52 | var conv2Data = G.convolute(idata, weights, true);
|
53 | G.drawCanvas('#chart9', function(ctx) {
|
54 | ctx.putImageData(conv2Data, 0, 0);
|
55 | });
|
56 | });
|
57 | }); |
\ | No newline at end of file |