It uses HTML5 canvas to created layered graphics.
Here are some key features of "Artisan JS":
General Variables:
· target - (string) This is the ID of the canvas element on which you'd like to draw.
· placex - (number or 'random') The coordinate on the x-axis
· placey - (number or 'random') The coordinate on the y-axis
· radius - (number or 'random') Used in circles, this is how wide your circle will be.
· height - (number or 'random') Measured in pixels
· width - (number or 'random') Measured in pixels
· src - ('string') The location of an image file.
· fill_color - ('string', array or 'random') You can pass in either rgb, rgba or hex formatted colors.
· line_width - (number or 'random') If you want your shape traced, or your line to have a width, specify it here.
· stroke_color - ('string', array or 'random') You can pass in either rgb, rgba or hex formatted colors.
· alpha - (number or 'random') The level of transparency, measured 0 - 1
· shadow_blur - (number) The range of the shadow
· shadow_color - (string, array or 'random') You can pass in either rgb, rgba or hex formatted colors.
· shadow_offset_x - (number) How far away the shadow falls on the x-axis
· shadow_offset_y - (number) How far away the shadow falls on the y-axis
· text - ('string') Used when drawing text.
· font - ('string') Your chosen font stack. Default is 'sans-serif'.
· type - ('string') The type of line to be used. Options are '', 'bezier', 'quadratic'
Drawing Functions:
· Draw circle
· Draw image
· Draw line
· Draw path
· Draw rectangle
· Draw text
Layering Functions:
· Stack layers
· Create layer
· History
· Draw layer
· Draw Stack
Utility Functions:
· Close path
· Randomize function
· Rotate canvas
· Clear canvas
Requirements:
· JavaScript enabled on client side
Limitations:
· Artisan is not compatible with Internet Explorer.