Tavmjong Bah wrote:
Hello,
I have uploaded a new version of the book "A Guide to Inkscape".
Two new tutorials:
- Creating a logo from a photograph with the help of auto tracing.
- Creating an isometric projection (an idea suggested by Alain
Viguier).
Two new chapters:
- "Using the Command Line"
- "SVG and the Web" showing how to use SVGs on web pages (including
very simple linking and animation).
Additional web pages:
- A download page for the graphics used by the tutorials.
- A page showing the examples in the "SVG and the Web" chapter.
- A page for testing web browser support of SVGs.
You can find all this at:
http://tavmjong.free.fr/INKSCAPE/
As always, comment are welcome.
I have comments on http://tavmjong.free.fr/INKSCAPE/MANUAL/html/ch16s01.html. First of all: good work! Now on to the comments...
1. your examples are probably the wrong way round; put the <object> example first because it's simpler. You assert that it is 'cleaner' but I don't agree: when it comes to DOM scripting, the mixed namespace approach is more orthogonal and therefore cleaner. It is not possible (AFAIK) to use DOM scripting with the <object> approach.
2. I suggest a third example: this is the same as the second but uses prefixes rather than changing the default namespace. For some people, this might seem clearer, for others less so. It's worth showing both techniques to aid understanding. It's probably also worth drawing a comparison with the way one might use Xlink and MathML.
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> (1) <head> <title>SVG Embedded into an XHTML File</title> </head> <body>
<h1>An SVG rectangle (via Namespaces)</h1>
<svg:svg (2) version="1.0" width="150" height="150" id="svg1341"> <svg:rect width="90" height="90" x="30" y="30" style="fill:#0000ff;fill-opacity:0.75;stroke:#000000;stroke-width:1px" id="rect1353" /> </svg:svg>
</body> </html>
Inkscape doesn't produce this way of embedding SVG. Also, my version is actually slightly simplified (by hand) over what Inkscape produces.
More information on SVG and HTML is here: http://wiki.svg.org/SVG_and_HTML http://wiki.svg.org/Inline_SVG
Finally, there's a demo here http://jwatt.org/svg/demos/xhtml-with-inline-svg.xhtml of using inline SVG that also works in IE (except for DOM scripting). It might be worth your article summarising this technique.
Regards, Rick