Rakib - Portfolio

Canvas to Pixel

Wed Dec 27 2023Wed Dec 27 2023, 07:59:23 GMT+0000 (Coordinated Universal Time)

Other

Preview

Preview

Preview

About Project

Live Link: https://canvas-pixel-zygal.netlify.app/
GitHub Link: https://github.com/Rakib7425/zygal_assingment_f

Overview

Character Input: Users can input any character into the provided text field. Dynamic Canvas Display: The canvas displays the character input at its center in a chosen font and color. Pixel Data Download: Users can download a file containing pixel data in hexadecimal format. Real-time Updates: Any. . . . . .

Tools & Technologies

HTML, CSS, JavaScript

Share This

Description -

Character Input: Users can input any character into the provided text field.

Dynamic Canvas Display: The canvas displays the character input at its center in a chosen font and color.

Pixel Data Download: Users can download a file containing pixel data in hexadecimal format.

Real-time Updates: Any change in the character input immediately reflects on the canvas.

Challenges -

This project involves creating a 16x34 canvas where a user can input a character. The character is displayed at the center of the canvas in a chosen font and color. The application also allows users to download a file containing the canvas region's pixel data in hexadecimal format.

Preview

Preview

Preview

Follow me