Hello Jan, On Sep 16, 2011, at 12:33 AM, Jan Polowinski wrote:
> I'd like to read more about how SVG is intended to be used in UISPIN. Can it > only be used to generate standalone SVG-Files? Or can it be used inline HTML5 > or XHTML documents? Are there examples on the web? I could only find > > http://uispin.org/ui.html#svg > > <svg:g> > <svg:ellipse cx="100" cy="48" rx="60" ry="26" > fill="yellow" stroke="black"/> > <svg:text x="70" y="50">{= ui:label(?this) }</svg:text> > </svg:g> > > > and is expected to generate: > > <svg:svg > xmlns:svg="http://www.w3.org/2000/svg"; > xmlns:xlink="http://www.w3.org/1999/xlink";> > <svg:g> > <svg:ellipse cx="100" cy="48" rx="60" ry="26" > fill="yellow" stroke="black"/> > <svg:text x="70" y="50">Statement</svg:text> > </svg:g> > </svg:svg> > > > Here, however, only the standalone usage is described. The example works, but > only if you change the SVG constructs to start with uppercase and add css: or > svg: prefixes also for the attributes, resulting in: > > <svg:G> > <svg:Ellipse svg:cx="100" svg:cy="48" svg:rx="60" svg:ry="26" > css:fill="yellow" css:stroke="black"/> > <svg:Text svg:x="70" svg:y="50">{= ui:label(?this) }</svg:Text> > </svg:G> > > which generates (almost) the same as above. You may also want to update the > documentation here, since IE9 now has some SVG support (also inline). Yes thanks, I just updated the documentation for both issues. I am glad to hear IE 9 now supports SVG better. Things seem to be finally moving in the right direction with web standards. > > In order to generate a combined html/svg page using inline-SVG I tried: > > > <div> > <svg:G> > <svg:Ellipse css:fill="yellow" css:stroke="black" svg:cx="100" > svg:cy="48" svg:rx="60" svg:ry="26"/> > <svg:Text svg:x="70" svg:y="50">{= ui:label(?this) }</svg:Text> > </svg:G> > </div> > > But already the editor does not allow me to use the SVG tag, so I guess this > is not foreseen at the moment? I think this would be a great feature. Yeah inline SVG hasn't been tested yet and was not a priority so far. It sounds like a very useful thing for sure. > The following two versions of inline-html worked for me both within the > eclipse-browser view which seems to use IE9 and also in Firefox: > > > ####### XHTML ###### > > <?xml version="1.0" encoding="UTF-8"?> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > <link href="css/TopBraid/UISPIN/tui.css" rel="stylesheet" > type="text/css"/> > <link href="css/TopBraid/SPIN/spin.ui.css" rel="stylesheet" > type="text/css"/> > <link href="css/evn.topbraidlive.org/uispin/teamwork.ui.css" > rel="stylesheet" type="text/css"/> > </head> > <body> > <div> > <svg version="1.1" > xmlns="http://www.w3.org/2000/svg";> > <g> > <ellipse cx="100" cy="48" fill="yellow" rx="60" ry="26" > stroke="black"></ellipse> > <text x="70" y="50">UISPIN-SVG-XHTML-INLINE</text> > </g></svg> > </div> > </body> > </html> > > > ####### HTML5 ###### > > > <!DOCTYPE html> > <html> > <head> > <META http-equiv="Content-Type" content="text/html; charset=utf-8"> > <meta http-equiv="X-UA-Compatible" content="IE=9"/> > <link href="css/TopBraid/SPIN/spin.ui.css" rel="stylesheet" > type="text/css"> > <link href="css/TopBraid/UISPIN/tui.css" rel="stylesheet" > type="text/css"> > <link href="css/evn.topbraidlive.org/uispin/teamwork.ui.css" > rel="stylesheet" type="text/css"> > </head> > <body> > <div><svg> > <g> > <ellipse cx="100" cy="48" fill="yellow" rx="60" ry="26" > stroke="black"></ellipse> > <text x="70" y="50">UISPIN-SVG-HTML5-INLINE</text> > </g></svg> > </div> > </body> > </html> I have taken these are starting points, and turned them into a stand-alone .swp file. This works. Please place the attached file into a top-level project of your TBC 3.5.1 workspace and restart TBC. Then go to http://localhost:8083/tbl/inlineSVG.swp which works fine for me. Cheers, Holger -- You received this message because you are subscribed to the Google Group "TopBraid Suite Users", the topics of which include TopBraid Composer, TopBraid Live, TopBraid Ensemble, SPARQLMotion and SPIN. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/topbraid-users?hl=en
inlineSVG.swp
Description: Binary data
