Javascript canvas chalkboard
JavaScript PHP
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
image.php
index.html
jquery.chalkboard.js
readme.md

readme.md

jChalkboard

Acknowledgements

Code based on chalkboard-js and jQuery Boilerplate

Demo

see index.html

Usage

Add jQuery and jChalkboard

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="jquery.chalkboard.js"></script>
$(function(){ 
$('#board')
    .chalkboard({
        board_color: '#244b1c',
        chalk_width: 5
    });
});

Canvas fallback

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

TODO

  • implement eraser (sponge) with the help of context.globalCompositeOperation = "destination-out"
  • implement background option
  • add chalkboard backgrounds link
  • add origin check for image.php
  • add online demo
  • document API (play, recodrd e.t.c)
  • jshint
  • rack application as alternative to php script