Hi there
Im quite new to Inkscape and I already like it! I promise you a download boost supporting HTML 5. I made some simple objects in Inkscape an tried to load/display it in a HTML5 compatible browser (Mac), exported as standard SVG. The code looks quite similar to HTML5 but its not compatible. HTML 5 WILL come and if a tool will support HTML 5 tags for SVG, its a tool every web designer wants and needs! Its like the Flash Editor, just for SVG. I was thinking of displaying all related attributes next to an object, like rectangle: x/y size, corner rounding, filling, color, etc.
Furthmore it would be insane to create an animation with a shiftable time bar. This is the future around SVG, I'm sure! Ok, not everything in HTML 5 is already pressed into stone but many is already set for the future.
I wonder what other ppl are thinking about it or do you know any other SVG tool supporting what I described?
Greetings
HTML 5 support
Re: HTML 5 support
You can already display SVG in HTML using the <img> tag (in modern browsers). You can read the W3C proposal for mixing SVG with HTML5 at http://dev.w3.org/SVG/proposals/svg-htm ... posal.html
Re: HTML 5 support
Hello again
Tnx for the link. I know I can embed SVG in HTML and I'm aware of the W3 specs., thats why I posted my initial thouhgts. I'm just unable to export from Inkscape and directly call it from any browswer. Would be great if the HTML 5 spec of SVG would be supported that way. Thats all I wanted to say.
Greetings
Tnx for the link. I know I can embed SVG in HTML and I'm aware of the W3 specs., thats why I posted my initial thouhgts. I'm just unable to export from Inkscape and directly call it from any browswer. Would be great if the HTML 5 spec of SVG would be supported that way. Thats all I wanted to say.
Greetings
Re: HTML 5 support
Tayger2 wrote:I'm just unable to export from Inkscape and directly call it from any browswer. Would be great if the HTML 5 spec of SVG would be supported that way.
Did you want to explain this in more detail? It's true that some browsers don't support SVG, but this is not the fault of the HTML specification. Opera can direct call an Inkscape SVG file.
Re: HTML 5 support
Sure, and thanks for your interest. I'm sometimes abroad, so not always quick answers. Maybe I'm too stupid to make an Inkscape SVG file running. I work with Mac (Safari & Firefox) which both do support SVG and HTML 5.
Some simple example. I have php file, lets call it inkscape_test.php with the following content:
<!DOCTYPE.html"postlink" href="http://www.inkscape.org/">http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="210mm"
height="297mm"
id="svg2818">
<defs
id="defs2820" />
<g
id="layer1">
<rect
width="257.14285"
height="165.71428"
x="74.285713"
y="120.93361"
id="rect2828"
style="fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>
And the manually programmed html5_test.svg, based on some examples I found on the net:
<svg xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 200 100"
width="200px" height="100px">
<rect x="60" y="20" height="60" width="60"
style="stroke:none; fill:#00ff00;" />
</svg>
If I start inkscape_test.php the content html5_test.svg (green rectangle) will be displayed fine while inkscape_test.php displays this error message:
This page contains the following errors:
error on line 5 at column 1: error parsing attribute name
Below is a rendering of the page up to the first error.
Then I tried all export posiblities in Inkscape but none displayed the simple rectangle. In the best case of all different export types (export as normal SVG) I don't get any error message but rectangle still was not displayed, so the Browser ignored it kinda (Safari and Firefox)
So far my (noobish) experiences with Inkscape.
Greetings
Some simple example. I have php file, lets call it inkscape_test.php with the following content:
<!DOCTYPE.html"postlink" href="http://www.inkscape.org/">http://www.inkscape.org/) -->
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="210mm"
height="297mm"
id="svg2818">
<defs
id="defs2820" />
<g
id="layer1">
<rect
width="257.14285"
height="165.71428"
x="74.285713"
y="120.93361"
id="rect2828"
style="fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>
And the manually programmed html5_test.svg, based on some examples I found on the net:
<svg xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 200 100"
width="200px" height="100px">
<rect x="60" y="20" height="60" width="60"
style="stroke:none; fill:#00ff00;" />
</svg>
If I start inkscape_test.php the content html5_test.svg (green rectangle) will be displayed fine while inkscape_test.php displays this error message:
This page contains the following errors:
error on line 5 at column 1: error parsing attribute name
Below is a rendering of the page up to the first error.
Then I tried all export posiblities in Inkscape but none displayed the simple rectangle. In the best case of all different export types (export as normal SVG) I don't get any error message but rectangle still was not displayed, so the Browser ignored it kinda (Safari and Firefox)
So far my (noobish) experiences with Inkscape.
Greetings
Re: HTML 5 support
Using your exact code, everything displayed without an error in Firefox and Opera.
Note that in your HTML you refer to "inkscape.svg", but then below you refer to the file as "inkscape.php". If you file is indeed named .php, then you may be getting php errors due to the opening <?.
Also note that <canvas> is a separate technology to SVG--it doesn't display SVGs. And you should not give two html tags the same id.
Note that in your HTML you refer to "inkscape.svg", but then below you refer to the file as "inkscape.php". If you file is indeed named .php, then you may be getting php errors due to the opening <?.
Also note that <canvas> is a separate technology to SVG--it doesn't display SVGs. And you should not give two html tags the same id.
Re: HTML 5 support
Thanks again and I'm aware of what you are saying, I just made some quick and dirty test.
The canvas is beside of svg display, but also agree too, its a different type of technology.
The really weird thing today was: I started Dreamweaver, then the sample and DANG: all worked! I'm confused and have no idea, why it works now!!!! Probably because you tested it in between.
All fine, all fine, nothing to add anything!
Hope Inkscape, once a day, might have an animation timeline and support additional tags of HTML5 (start, end, dur, begin....).
Greetings & thanks, very nice help!
The canvas is beside of svg display, but also agree too, its a different type of technology.
The really weird thing today was: I started Dreamweaver, then the sample and DANG: all worked! I'm confused and have no idea, why it works now!!!! Probably because you tested it in between.
All fine, all fine, nothing to add anything!
Hope Inkscape, once a day, might have an animation timeline and support additional tags of HTML5 (start, end, dur, begin....).
Greetings & thanks, very nice help!