Tag: css
-
A black-and-white binary image consists of pixels that can have one of exactly two colors: black and white. Converting an image to black and white has some usages: File size reduction: a 1-bit binary image requires less data for storage than a 24-bit color image. Image processing: many image processing...
-
Grayscale images are composed exclusively of shades of gray. They are commonly stored with 8 bits per sampled pixel, which allows 256 different intensities to be recorded. Converting an image to grayscale has some usages: File size reduction: an 8-bit grayscale image often requires less data for storage than a...
-
Sometimes, we may need to flip a media element in a web app. For example, we may need to flip a video element streaming from a camera to match what we actually see or correct scanned document images that are flipped. In this article, we are going to talk about...
-
In a document-scanning web app, image resizing is useful as it can correct the proportion of scanned documents and increase the DPI of document images to meet printing requirements. In this article, we are going to talk about how to resize an image with JavaScript. One way is using Canvas...
-
Sometimes, we may need to rotate an image on a web page, like showing a loading animation. In a document-scanning web app, we need to rotate skewed document images or document images scanned in the wrong direction. In this article, we are going to talk about three ways to rotate...
-
Today we start making our Modern Ludo Game from scratch. The first thing to do is draw the board. For this part, we’ll simply use the in HTML5. The MarkUp is very simple: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ModernLudo</title> <link rel="stylesheet" type="text/css" href="Styles/modernludo.css" /> </head> <body> <div id="playGround" style="display:none;"> <div...