Canvas Draw

Please wait while the application finishes loading.....

New Stage

Width px

Height px

Hex:
Red:
Green:
Blue:
Hue:
Saturation:
Value:

Transparency 0%

Line Colour

Move Shadow

Blur Shadow

Shadow Effects

Width px

Line Cap

Line Join

Line Styles

Points

Corner

Smooth

In-line

Delete

Open Path

Segments

Curved

Add Point

Path

Close Path

Edit

Linear Fill

Radial Fill

Colour Stops

Angle °

Rotate

Angle °

Clockwise Anti-Clockwise

rotate

Name

Shape

Grid
On Off

Show Hide

Width pixels

Height pixels

Grid Settings

Paste text from file into box below and click Create.
Note - Canvas files overwrite the current one.

Open File

Select and Copy Code

HTML Code

Drag files to open into box below.
Note Canvas files overwrite the current one.

Open Files

Select the Films you want to Export.

Export Films To HTML

Export Elements To Text

Secs

First Copy

Export Canvas to HTML

Build New

Scenery

Build New

Sprites

Build New

Tracks

Build New

Tweens

Build New

Films

From

Blank
Current Canvas
Selection

Title

Build Scenery

Select just one shape.

Title

Traces.

Yoyo.

Visible.

Build A Track

Select just one shape.

Title

Build A Tween

Element

Track

Name

Time over track.Secs.

Position by Vector.

Build A Sprite

⬆ ⬇ ❌

Title

Current Element:

Build Film

Title

Edit Scenery

Title

Traces.

Yoyo.

Visible.

Edit A Track

Title

Edit A Tween

Tween Timings

All To Follow Paths

Secs Traces Yoyo Path

edit path

Corner Tweens

Title

Time over path.Secs.

Position by Vector.

Edit A Sprite

Elements

Scenery

Sprites

Tweens

Films

Tracks