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... ... 29. Darkness to... 30. Colorful... 31. St. Pauls... 32. Green Rock 33. NYC Skyline 34. The Old... 35. The Farm House ... 105. Highwayatni...

Random Image

Toyhills

Date: 04/02/2007 Views: 47296

Green Rock

Was playing with the exposure when I saw this. This one is from Reis Magos.

Date: 05/25/2008

Size:
Full size: 1920x1200

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

Toyhills

Green Rock

Simple footer

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