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). 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. 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> Best regards Jan -- Dipl. Medien-Inf. Jan Polowinski Research Assistant Technische Universität Dresden Department of Computer Science Software- and Multimedia-Technology 01062 Dresden Phone: +49 351 463 38608 Mobil: +49 176 80158257 E-Mail: [email protected] -- 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
