Flashyourweb Canvas Sample

Sample popup terms w/ HTML5 canvas thrown in for fun.
(Canvas allows for watermarking on the fly, and some fun effects.)

Javascript required to view this content.

Images

1. Sunset in... ... 91. Yosemite... 92. Doubtfull... 93. Sunrise... 94. Brazomarbeach 95. Summerstorm 96. Portlock 97. Cloudslikes... ... 105. Highwayatni...

Random Image

Green Rock

Date: 05/25/2008 Views: 17518

Brazomarbeach

December 3rd, 2006

Date: 12/01/2006

Size:
Full size: 1440x900

next last

first previous

next last

first previous


            function grayscale(canvas){
                var channels  = {r: 0, g: 1, b: 2, a: 3};
                var context = canvas.getContext('2d');
                // You'll get security error if the image is not from the same domain.
                var imageData = context.getImageData(0, 0, canvas.width, canvas.height);

                var pixels = imageData.data;
                // This loop gets every pixels on the image and sets to grayscale.
                for (var i = 0; i < pixels.length; i += 4) {
                    var r = pixels[i];
                    var g = pixels[i + 1];
                    var b = pixels[i + 2];
                    var brightness = 0.2126 * r + 0.7152 * g + 0.0722 * b;
                    pixels[i + channels.r] = brightness;
                    pixels[i + channels.g] = brightness;
                    pixels[i + channels.b] = brightness;
                }
                context.putImageData(imageData, 0, 0);
            }

Sample popup terms w/ HTML5 canvas thrown in for fun.(Canvas allows for watermarking on the fly, and some fun effects.)

Images

Random Image

Green Rock

Brazomarbeach

Simple footer

Sample popup terms w/ HTML5 canvas thrown in for fun.
(Canvas allows for watermarking on the fly, and some fun effects.)