F3 and SVG

F3's declarative 2D graphics API's are largely based on those defined by SVG. As a result, it was (relatively) easy to write a translator from SVG to F3.

Our current translator isn't perfect but does cover a large portion of SVG syntax.

Having such a translator makes it possible to create graphic elements in vector drawing tools such as Inkscape or Illustrator and then use the result in your F3 programs. In addtion, since F3 is a real programming language, you can parameterize properties of such graphic elements, for instance fill or stroke or some of the coordinates, and then call it like a function in your program.

F3 SVG Browser

Here's a demo program written in F3 that resembles the Apache Batik Squiggle SVG browser, but renders SVG files by first translating them into F3 source code and then compiling and executing the result.

You can drag URL's that point at SVG files from web pages into the SVG Browser's canvas. Below are a few examples for you to try:

Comments:

Chris, Does F3 handle final member variables? How? Thanks, Dave

Posted by David Walend on November 19, 2006 at 04:50 PM PST #

Great looking demos. Nice to see this type of innovation for GUI technology.

I've experienced that one of the big hinderances of the enterprise adopting anything java-related as a web-gui/internet application is the requirement of a JVM on the client (though interestingly enough flash has enjoyed great sucess with getting their runtime widely deployed-maybe due to easy install/size of runtime?).

Though the examples are launching via a JNLP, what is the intent of future client side requirements (browser plugins, jvm, just a web browser)? We faced this question and chose against a Java UI because of the need to reduce endpoint management of JVMs for large deployments (> 30,000). I see how F3 greatly addresses the need for developing nice looking UIs fast. What are the thoughts on addressing deployment issues that gave applets such a bad name?

Posted by Iran Hutchinson on November 19, 2006 at 11:03 PM PST #

Hi Chris, I've been following your F3 blog. I think you're doing an excellent job with F3 and I'm quite impressed. My question is: How do I get F3? Thanks, ~= Chris =~

Posted by Chris Jackson on November 20, 2006 at 02:31 AM PST #

Hi Chris--when declaring object literals, what defines the end of assignment--line break or next valid token? Wondering if one can assign multiple attributes on one line to save space. Wonderful demos, by the way. Great work. Patrick

Posted by Patrick Wright on November 21, 2006 at 09:59 PM PST #

OK--I answered my own question. I forgot your first sample was interactive. Answer is that the parser declarations can all go on one line if one likes. Which is nice. Patrick

Posted by Patrick Wright on November 22, 2006 at 01:10 AM PST #

thank you

Posted by worldkontor on May 05, 2009 at 06:13 PM PDT #

interactive. Answer is that the parser

Posted by sohbet99 on June 18, 2009 at 05:29 PM PDT #

Simple and Nice example !

Posted by شات on December 15, 2010 at 04:05 AM PST #

Post a Comment:
  • HTML Syntax: NOT allowed
About

user12610627

Search

Archives
« April 2014
SunMonTueWedThuFriSat
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   
       
Today