JavaFX SVG Translator Preview

how-to
Jun 25, 20072 mins

It’ll take a few more days before we post the code to OpenJFX, but in the meantime here’s a preview of the latest version of our SVG to FX translator. The translator converts an SVG document into a single JavaFX class. Each definition id in the SVG is converted into a method of the class that returns the JavaFX equivalent of that element. The generated class itself is an instance of the JavaFX class Node, which means it can be used anywhere in a JavaFX Canvas.

Having this translator makes it straightforward to incorporate graphics created in vector drawing tools into JavaFX programs.

The below demo program consists of an SVG browser that uses the translator to convert SVG into JavaFX source code and then compiles and executes the result. In addition, the browser lets you view the original SVG source as well as the translated JavaFX source.

You can drag URL’s that point at SVG files from web pages into the SVG Browser’s canvas. It’s pretty sad to see how little quality vector artwork is available on the public internet. Anyway, below are a few examples for you to try:

  • Ferrari Logo
  • Java Cup Logo from Wikipedia
  • The Famous SVG Tiger
  • Lion