SWF to Canvas Converter (0)

SWF to Canvas Converter

us fr jp cn es pt br mx de kr it se ru nl

By Shuho Chou

us (0)
fr (0)
jp (0)
cn (0)
es (0)
pt (0)
br (0)
mx (1)
de (0)
kr (0)
it (0)
se (0)
ru (0)
nl (0)
gb (0)

This is the only app that could export all the shapes directly from .swf to PDF or .js file in vector format. Each shape would be a single page in the PDF and was kept resolution independent.

Don't change the vector images to bitmap images anymore. That's stupid and waste your life.

My developer program is going to be expired, so your purchase will help keeping F2C on the store. Thanks you very much!

For App developers:

You may like to read the pages(shapes) from the exported PDF, and redraw them in your graphic context in any resolution you like.
The page size was exactly the bounding size of the shape.

For HTML5 Canvas developers:

Extracts the static vector shapes in .swf to JavaScript HTML5 Canvas code.
You can import the generated .js file and use them to draw the shapes in a canvas context. Please check the tutorial for more details.

For designers:

The exported PDF may also be renamed to .ai (Illustrator) for redesign.
(Sorry! I haven't try this yet since I don't have Illustrator.)

Important Note:

Only static vector shapes are supported so far, which means:

1. Any shape filled by bitmapped image is not supported yet.(You’ll get an empty image)
2. Morphing shapes are not supported yet.


1. Export all the shapes to PDF file. (resolution independent)
2. Generate the canvas drawing objects directly from the .swf file.
3. Preview the generated object drawing in Webkit.
4. WYSWYG authoring.
5. Export/Import the objects to/from .js

Generated JS object sample:

F2CCast = {
F2CActor3 : {
width : 95,
height : 95,
shapeOriginX : 0,
shapeOriginY : 0,
draw : function (ctx, anchorX, anchorY) {

if (!anchorX) anchorX = 0;
if (!anchorY) anchorY = 0;
with(ctx) { /* ---- Canvas Drawing Start ---- */
translate(this.shapeOriginX - anchorX, this.shapeOriginY - anchorY);
moveTo(0.000, 0.000);
quadraticCurveTo(47.750, 0.000, 95.500, 0.000);
quadraticCurveTo(95.500, 47.750, 95.500, 95.500);
quadraticCurveTo(47.750, 95.500, 0.000, 95.500);
quadraticCurveTo(0.000, 47.750, 0.000, 0.000);
fillStyle = "rgb(0, 0, 255)";
} /* ---- Canvas Drawing End ---- */

return this;
} /* End of F2CActor3 */
} /* End Of F2CCast */



Easy to be used in a scene graph engine to create the animations or games fully powered by HTML5 Canvas.

Tutorial for Canvas developers:





- Why I don't provide the function to save as .jpg files?

I don't think it's clever to change the vector shapes to bitmap images while you can use vector shapes directly.

Bitmap images are resolution dependent and bigger files that wasted our life to download while the network were still slow and expensive In many countries.

So I provide the function to export as PDF instead.


Release Notes

28/11/2013 | Version : 1.4 | Size : 2.2 MB
1. Updated for Mavericks.
2. Bugs fixed.

18/10/2013 | Version : 1.3 | Size : 446.1 KB
1. Export all shapes to a PDF file. (Each shape exported as a single page)

2. Shape preview drawing bug fixed. (No blurred shapes anymore)

23/01/2013 | Version : 1.2 | Size : 291.6 KB
1. Scene creation
2. UI Improvements
3. Import objects form .js

Screenshots Mac OSX :

Screenshots Mac OSX Screenshots Mac OSX Screenshots Mac OSX


Developer Tools , Graphics & Design

Supported Devices
Mac OS

From this dev.

ORB Viewer
ORB Viewer

Price : £4.99
Platform : iPhone/iPad
By Shuho Chou
ORB Reader
ORB Reader

Price : £10.99
Platform : Mac OS
By Shuho Chou
App Icon Resizer
App Icon Resizer

Price : Free
Platform : Mac OS
By Shuho Chou
SWF to PDF Converter
SWF to PDF Converter

Price : £13.99
Platform : Mac OS
By Shuho Chou

To Discover

Freecell ►
Freecell ►

Price : Free


Price : Free


Price : Free

Bubble Blast Boxes
Bubble Blast Boxes

Price : Free