Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

README.md

dooScrib

A simple jquery plugin for use with the HTML5 canvas element. More development done to demonstrate an implementation of a shared canvas using node.js and socket.io as well as a separate implementation using swift, Vapor and WebSockets.

History

The idea came while watching my wife play this drawing game on her iPad called DrawSomething and I was thinking to myself that I could probably do something similar but in HTML and javascript.

Action

I will admit that the site is basic but you can get a feel for what the control does at the following location:

dooScrib

The site is currently running on (Heroku)[https://www.heroku.com/].

Usage

Here is a quick example of how to use the code.

<!--an element that will contain the canvas-->
<div id="surface" class="span12">
</div>
// create a variable for the plugin
var surface;

surface = new $('#surface').dooScribPlugin({
	width:w,
	height:400,
	cssClass:'pad',
	penSize:4
});

For a more detailed example you can read this article which I wrote as a starting point for a series of planned articles demonstrating how to create a shared canvas.

Shared Canvas

Check out the node_impl folder for a project that demonstrates how you can use the plugin to create a shared canvas using javascript, Node.js and socket.io.

Check out the vapor_dooscrib folder for a project that demonstrates how you can use the plugin to create a shared canvas using Swift, Vapor and WebSockets.

About

jquery plugin for use with the HTML5 canvas element

Resources

License

Releases

No releases published
You can’t perform that action at this time.