Mac App Store

El Mac App Store es el medio más sencillo de encontrar y descargar apps para tu Mac.

Para descargar SWF to Canvas Converter del Mac App Store, necesitas un Mac con OS X 10.6.6 o posterior. Más información.

SWF to Canvas Converter

De Shuho Chou

Abre Mac App Store para comprar y descargar apps.


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.

Lo nuevo en la versión 1.5

1. Fixed the crash bug when open another file.
2. New App Icons.
3. Filtered out the empty shapes.

Capturas de pantalla

Captura de pantalla 1
Captura de pantalla 2
Captura de pantalla 3
SWF to Canvas Converter
Ver en el Mac App Store
  • 9,99 €
  • Categoría: Para desarrolladores
  • Actualizado:
  • Versión: 1.5
  • Tamaño: 1.0 MB
  • Idioma: Inglés
  • Desarrollador:

Compatibilidad: OS X 10.7 o posterior, procesador de 64 bits

Valoraciones de clientes

No hemos recibido suficientes valoraciones para poder mostrar un promedio de la versión actual de este artículo.