canvas | SourceCodester

e-Signature App Using HTML, CSS and JavaScript with Source Code

Submitted by rems on Tue, 12/05/2023 - 14:33

Welcome to the e-Signature App, a user-friendly and versatile solution crafted with HTML, CSS, and JavaScript to streamline the process of capturing electronic signatures. This project offers a seamless and responsive interface, allowing users to effortlessly draw their signatures on a canvas using mouse or touch input. The elegant design, characterized by a stylish color scheme and the Poppins

Simple Tetris Game using Canvas in JavaScript Free Source Code

Submitted by razormist on Sun, 03/12/2023 - 22:17

Simple Tetris Game using Canvas in JavaScript Free Source Code - A simple arcade style game where your objective is to align the blocks horizontally. This project tends to provide some learning material that can help beginners to learn the basic coding in making game app. JavaScript Free Source Code.

JavaScipt - Simple Image Transparency

Submitted by razormist on Thu, 01/17/2019 - 21:08

Learn on how to create a Simple Image Transparency using JavaScript. This simple tool can make your image filter to transparency. This code uses canvas function for modifying image property to turn it into grayscale color.

Simple Snake Game using HTML5 canvas and Pure Javascript

Submitted by nurhodelta_17 on Wed, 03/14/2018 - 22:19

This tutorial tackles on how to create a simple snake game using HTML5 canvas and pure Javascript. Snake game a simple game wherein there is a small snake at first and gets bigger whenever it eats a food that randomly appears on the screen. The goal of this game is to get a high score which depends on how big your snake gets.

Clipping Canvas Element in Javascript- Circle Shape

Submitted by GeePee on Sat, 12/06/2014 - 12:40

This tutorial will teach you how to clip canvas element in javascript. On my previous example, I also discuss clipping but I used pure css/html. This time we will do it in javascript. You can also create different shapes like what we did in css example. Here's the link of css clipping if you've never seen it. Next project, I'm gonna show you the polygon shape. Hope you learn from this.

Drawing Text in Canvas Using Javascript

Submitted by GeePee on Wed, 11/19/2014 - 00:07

This project will teach you how to draw text in canvas using javascript. Let's see the parameters that the filltext method and stroketext method intake. context.fillText('This is the text!', 20, 60); context.strokeText('This is the text!', 20, 60); The first parameter is the string of text, second is the x position, and the third is the y position. You can also maximum width. It is optional. We