Skip to content
This repository has been archived by the owner on Oct 28, 2023. It is now read-only.
/ canvas-writer Public archive

Small HTML5 Canvas library for hand-written fonts and exchange of messages.

Notifications You must be signed in to change notification settings

christophevg/canvas-writer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Canvas Writer

Small HTML5 Canvas library for hand-written fonts and exchange of messages
author: Christophe VG [email protected]

Introduction

Using CanvasWriter you can record and replay things you draw on an HTML5 Canvas element. It's completely self-contained and doesn't use any external libraries.

The docs/ folder is published https://christophevg.github.io/canvas-writer

Record & Play

In its most basic form, that's what it does. Open examples/record-play.html in a browser (only Safari is tested right now), push the record button and draw something inside the left rectangle on the screen. When done, push the stop button and watch CanvasWriter write. In the Javascript console, the recorded data is logged.

Record & Play

Font

The second example shows how to record multiple drawings/characters and write a series of them as consecutive characters. Open examples/font.html in a browser and record multiple drawings, changing the name. Then write a text separating the different names of the characters with a space and press write:

Font

About

Small HTML5 Canvas library for hand-written fonts and exchange of messages.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published