Tag Archives: grayscale

HTML Canvas Video Display Filters Tutorial

Posted on May 13, 2020 by admin

We’re adding some new functionality onto the recent HTML Canvas Video Display Primer Tutorial, that being … turn the “Video” hardcoded text, on the webpage … into an “a” link … <a style=”cursor:pointer;text-decoration:underline;” onclick=”askv();”>Video</a> … calling on the Javascript function … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged browse, canvas, cell, createPattern, file, FileReader, filter, filters, grayscale, inverse, Javascript, media, mimetype, play, programming, rotation, table, tutorial, url, video | Leave a comment

Video via Image Filter and Canvas Magnifier Mobile Tutorial

Posted on June 7, 2019 by admin

We hadn’t tested the work of yesterday’s Video via Image Filter and Canvas Magnifier Tutorial on mobile platforms, and because it is so mouse event sensitive, yes, there are quite a few issues. Also, on an iPad, the issues were … Continue reading →

Posted in eLearning, Event-Driven Programming, iOS, Tutorials | Tagged addeventlistener, background colour, background image, browse, canvas, capture, colour, CSS, Digital Colour Meter, div, external Javascript, file API, filter, getBoundingClientRect, grayscale, HTML, HTML5, image, invert, iOS, Javascript, magnifier, media, nest, overlay, pixel, position, programming, resize, Safari, scroll, transparency, tutorial, video, z-index | Leave a comment

Video via Image Filter and Canvas Magnifier Tutorial

Posted on June 6, 2019 by admin

When thinking of the HTML img element’s relationship with the HTML5 canvas element there are loads of importing and exporting possibilities between them, but one that just has to live in the img world alone are … CSS filters do … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, browse, canvas, capture, colour, CSS, Digital Colour Meter, div, external Javascript, file API, filter, getBoundingClientRect, grayscale, HTML, HTML5, image, invert, Javascript, magnifier, media, nest, overlay, pixel, position, programming, resize, scroll, transparency, tutorial, video, z-index | Leave a comment

Video via Canvas File API Tutorial

Posted on June 5, 2019 by admin

Yes, some of you probably guessed correctly, regarding where we’d go after yesterday’s Video Pixel Manipulation via Canvas Tutorial. As a background to this, we see for web applications, two primary source “partitions”, those being … around the “net” (in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, browse, canvas, capture, colour, Digital Colour Meter, div, external Javascript, file API, grayscale, HTML, HTML5, image, invert, Javascript, media, nest, pixel, programming, resize, scroll, transparency, tutorial, video | Leave a comment

Video Pixel Manipulation via Canvas Tutorial

Posted on June 4, 2019 by admin

The recent Video Mask via Canvas Primer Tutorial got us started on a dynamic video manipulation tool that we see as … “see through” or masking functionality … and onto that today, we’d like to add two more pixel manipulation … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, canvas, colour, Digital Colour Meter, external Javascript, grayscale, HTML, HTML5, image, invert, Javascript, pixel, programming, transparency, tutorial, video | Leave a comment

Gimp Guillotine Follow Up Memory Tutorial

Posted on September 19, 2018 by admin

It’s a bit arrogant to say a sizeable piece of code you’ve written is “bug free”, especially if it involves user entered data, but it is a good aspiration, like marking at the 50 metre line, on the boundary, for … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, bug, canvas, catch, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, error, error handling, eval, exception, exec, ffmpeg, file specification, file_get_contents, filter, gaussian blur, GD, GIMP, glob, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, input, invert, Javascript, keyframes, MAMP, margin, matrix, memory, multiple, onions, opacity, output, overlay, pattern, PDF, PHP, processing, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, try, tutorial, visibility, web design, webpage, whitespace, window, zip | Leave a comment

Gimp Guillotine Follow Up Zip Tutorial

Posted on September 18, 2018 by admin

We’re entering the Goldilocks Zone today as far as “onions of the 4th dimension” thoughts go with the recent GIMP Guillotine Follow Up web application we’ve been developing. it’s too hot thinking we’ll find any “onions of the 4th dimension” … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, eval, exec, ffmpeg, file specification, file_get_contents, filter, gaussian blur, GD, GIMP, glob, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, input, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, onions, opacity, output, overlay, pattern, PDF, PHP, processing, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window, zip | Leave a comment

Gimp Guillotine Follow Up GD Filter Tutorial

Posted on September 17, 2018 by admin

With regard to today’s (PHP) GD Filter functionality (additions to the GIMP Guillotine Follow Up web application) we ask you to please not get bored with another angle, or view, of image filtering, here. The more intervention points you can … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, eval, exec, ffmpeg, file specification, filter, gaussian blur, GD, GIMP, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, opacity, overlay, pattern, PDF, PHP, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
January 2025

S M T W T F S

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

« Dec
Meta
Tags
Ajax animation background button canvas command line CSS Did you know div DOM dropdown email emoji event form game games Google Google chart HTML IFRAME image iOS iPad Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table textarea tutorial url video web browser webpage
Your Background Image
OnTopList

Tag Archives: grayscale

HTML Canvas Video Display Filters Tutorial

Video via Image Filter and Canvas Magnifier Mobile Tutorial

Video via Image Filter and Canvas Magnifier Tutorial

Video via Canvas File API Tutorial

Video Pixel Manipulation via Canvas Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: grayscale

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList