Chris Bongersdaily-dev-tips.hashnode.net·Sep 23, 2020Checkboxify your images with JavaScript ✅Lately, we have been on a journey with Canvas and have learned the following elements to it: Getting started with the HTML canvas Vanilla JavaScript save canvas as an image Vanilla JavaScript colouring our canvas elements 🌈 Vanilla JavaScript image...Discuss·51 likes·456 readsCanvas explorations 🖼JavaScript
Gonzalo Simongonzalosimon.hashnode.net·Dec 14, 2020FeaturedFootball Game with JavaScript [Part 1]I was on a call with a friend, he was playing a football game and he got mad because the match wasn’t as going as he expected, his bot teammates were not as good as he wanted. I suddenly tried to imagine how hard it must be to create a team controlle...Siddarthan Sarumathi Pandian and 5 others are discussing this6 people are discussing thisDiscuss·47 likes·1.9K readsJavaScript
GirlThatLovesToCodegirlthatlovestocode.hashnode.net·Nov 30, 2020FeaturedHTML Canvas Christmas tutorial - part 1: BASICSWhat is HTML Canvas? HTML's <canvas> element is a rectangular area for graphics. By default, it has no content. We can draw on it with JavaScript. It is supported in all modern browsers and unlike flash, the user doesn't need to install any plugin. ...Discuss·43 likes·1.7K readsChristmas HTML CanvasHTML Canvas
Rodrigo Mesquitamesquitarod.hashnode.net·Apr 12, 2023Create a dynamic membership card on APEXIn this post, I will demonstrate how to dynamically embed data into images and download them. For this demo, I will be creating a membership card by adding the membership details to a pre-defined template. First, let's add the membership template ima...Discuss·3 likes·69 readsApex
Anja Lanicoderfy.hashnode.net·Apr 11, 2023Creating animations with the Canvas APIAccording to the Oxford Dictionary, an animation is defined as the following: The technique of photographing successive drawings or positions of puppets or models to create an illusion of movement when the film is shown as a sequence. Translating t...Discuss·10 likes·37 readscanvas
Liaichi_Mustaphait-lounge.hashnode.net·Apr 10, 2023The Ultimate Front-End Roadmap: Navigating Your Way to Mastering Web DevelopmentIntroduction: When it comes to web development, there are three main languages that you need to know: HTML, CSS, and JavaScript. These three languages are the building blocks of every website on the internet, and together they form the backbone of we...DiscussJavaScript
Hussain Silathussainsilat.hashnode.net·Apr 5, 2023Canvas Apps: Features, Uses & BenefitsCanvas apps are a low-code app development platform that allows users to create apps without coding experience. It allows the users to use the drag-and-drop interface to add and arrange different data sources, controls, and screens. Canvas Apps great...DiscussPowerPlatform
Matthew Fowlerfisheymug.hashnode.net·Mar 24, 2023Goal achieved!My first post on Hashnode was a declaration that I wanted to make a game for use in my English classes here in Japan. I am thrilled to have accomplished my somewhat humble goal. The idea. I was preparing for a 5th-grade lesson at Elementary school. T...Discuss·1 likeBeginner Developers
Michael Laroccamichaeljudelarocca.hashnode.net·Feb 27, 2023Meet Christopher Lis: An Inspiring TeacherWould you like to learn a high in demand programming language while having fun coding video games? Then let me introduce you to Christopher Lis, who teaches premium game development with JavaScript! About Christopher Christopher Lis is a professio...Discuss·2 likesJavaScript
Rohit Juyalshreerohitrj.hashnode.net·Feb 12, 2023day 03 of 1000 days (canvas basics)Welcome, hope you all are enjoying the weekend. Today I decided to take a break as I have to visit some relatives. I did study some topics, as I think we should progress/study each day even if small. as no day should get wasted. ! I don't know how to...Discuss·28 readsWeb Development
Alejandro Akbalalejandroakbal.hashnode.net·Jan 17, 2023How to preload images for canvas in JavaScriptIntroduction This past week I was toying around with the HTML5 canvas element, trying to join two images together. At first, it seemed fine, but when I tried to reload the website, it was a mess. One image would load, but the other wouldn't. Investig...Discuss·2 likes·244 readsTutorial
Anja Lanicoderfy.hashnode.net·Dec 27, 2022Examining the Canvas Coordinate SpaceSetting height & width with attributes When we add a <canvas> element to the page without providing any further instructions, the default size of the canvas will be drawn at 300px x 150px. These values describe the coordinate space of the canvas and ...Discuss·29 readscanvas
Canopascanopas.hashnode.net·Nov 11, 2022How to draw text on Canvas using drawText API in Jetpack Compose?Before Compose 1.3.0, there was no drawText(). We couldn’t draw text directly on the Jetpack Compose canvas, we had to use android native canvas canvas.nativeCanvas.drawText to draw text. The recent release of Jetpack Compose 1.3.0 introduces many ne...Discuss·58 readsAndroid
![Football Game with JavaScript [Part 1]](https://cdn.hashnode.com/res/hashnode/image/upload/v1607908859844/42l-Bk6SJ.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
