Hi,

I am relatively new to SVG but have not seen any references to any conflict
as relates to print graphics. For that matter, at least when producing touch
graphics for the blind, SVG is the recommended standard for graphics. These
graphs are being printed.

I realise that this is not a direct answer to your question but I do not
think there are going to be any serious problems when printing.

Pranav

Hello,

I am using svg to programmaticaly generate print documents in web navigators,
since years. It is perfect in this case and equivalent in precision than pdf and
more simple to generate, and it is the only way if you want modify your
documents "on the fly" before print it. The limit was from navigators abilities
to print documents. Last years, there was a wonderful improvement to follow svg
w3c requirements for IE (windows has the best printing results) and print
management improvements for others.

What was difficult with svg was to include your svg illustrations inside an
other existing document (graphics, word processor ...). I don't know how it is
now, but few years ago, it was not easy to include any svg inside an other
software, without bitmap conversion. Generally, when i need a graphic produced
with svg, i convert it in bitmap (with inkscape), and paste it in the final
document. You can increase dpi to satisfy graphics peoples.

Does an evaluation of softwares comparing svg compatibility exists somewhere?
import of document and copy/pas of elements. (ie : copy/paste svg graph from
inkscape to libreoffice fails)

Hope this helps
Philippe
http://www.visualkit.com

--- In svg-developers@yahoogroups.com, "wendellxe" <wendellxe@...> wrote:
>
> I'm evaluating graphics formats for a project to programmatically generate
illustrations for inclusion in print documents.
>
> From the programming point of view, SVG looks like a good choice. But I am
told by graphics people that SVG for print was tried and rejected years ago.
Looking around, I see there was a lot of activity five to ten years ago (e.g.
Adobe Mars), but nothing lately.
>
> I'd like to learn more, but haven't been able to find any detailed
discussions. Can someone explain the technical issues behind the loss of
interest in using SVG for print graphics?
>

--- In svg-developers@yahoogroups.com, "wendellxe" <wendellxe@...> wrote:
>
> I'm evaluating graphics formats for a project to programmatically generate
illustrations for inclusion in print documents.
>

What kind of print documents are we talking about, or more precisely, what would
be the workflow to generate the print documents?

I'm using rsvg-convert and Ghostscript to prepare SVGs for use with LaTeX. 
Secifically, like this (on a Linux machine), because pdflatex wasn't happy with
the PDF level:

rsvg-convert -f pdf in.svg | gs -sDEVICE=pdfwrite -dCompatibilityLevel=1.4
-o=out.pdf -

Librsvg and Ghostscript are also available for Windows[1][2][3].  Other options
for conversion to PDF and other formats would be Inkscape[4] (optionally from
the command line[5]) or Batik[6], the latter using Apache FOP, an XSL-FO
processor, to generate PDF or EPS graphics.  XSL-FO is for generating print
documents and I read SVG support was good among different XSL-FO
implementations, though I've never used XSL-FO myself.

If EPS graphics are useful for you, you should however be aware that SVG
features like opacity, filters or maybe gradients might be rasterized during the
SVG to EPS conversion process.  Not a problem in itself, but then it might be
preferable to be converting to raster graphics in the first place (I'd suggest
PNG and in general strongly discourage using JPEG when converting SVGs).


Thomas W.


[1] http://ftp.gnome.org/pub/GNOME/binaries/win32/librsvg/
[2] http://ftp.gnome.org/pub/GNOME/binaries/win64/librsvg/
[3] http://www.ghostscript.com/download/gsdnld.html
[4] http://inkscape.org/
[5] http://inkscape.org/doc/inkscape-man.html
[6] http://xmlgraphics.apache.org/batik/tools/rasterizer.html

Half Hour WebSocket Seminar - INTRO from Kaazing


 http://blog.kaazing.com/2012/02/07/webcast-web-communication-revolution-an-over\
view-of-html5-websockets/?elq=e1410c2c8a0148dabee43013119ada70&elqCampaignId=25

[Non-text portions of this message have been removed]

--- In svg-developers@yahoogroups.com, "Pranav Lal" <pranav.lal@...> wrote:

> [...] I do not think there are going to be any serious problems when printing.


I agree with Pranav. I'm using SVG for writing music notation, and have no
problems printing.

James

Hi group,

Does anyone know why I can set the .currentTranslate property of dynamically
created SVGs in Safari, but not the currentScale property? Setting the
currentScale property is ignored - the call returns the value it's set to, but
reading it again returns the previous value.

Safari does allow you to scale SVG elements using currentScale if they're
embedded in the host HTML using an <embed> tag.

I'm resorting to appending all newly created elements to a <g> element, and
applying a translation to that element to handle zooming and panning.

Thanks,
Oliver.

Hi all,

playing with bezier curves, i found different rendering if i make path with
severals curves or if i share control points.

Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in the
path or sharing control points.

Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.

<path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
<!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
<path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
stroke="green" id="c2" />
<g transform="translate(0,100)">
<path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
<path d="M 150,100 L 150,200  M 250,200 L 250,100" fill="none" stroke="black"/>
<path d="M 10,100 C 10,10   150,10   150,100
                   C 150,200    250,200   250,100" fill="none" stroke="red"
id="c3"/>
<path d="M 10,100 C 10,10   150,10   150,100
                              S 250,200   250,100" fill="none" stroke="green"
id="c4"/>
</g>
same result in firefox, opera and chrome
is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap, same
for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and c3,c4 ...

hope this helps
Philippe

Bonjour Philippe,
you have a syntax error in "c2" : "S 200,100 200,55 200,55" is not valid.
In "c4", in the "S" segment the first control point is the reflection of the
last one :
in your case the last control point is "150,10", the current point is "150,100",
so the reflection is "150,190" and not "150,200" as written in "c3". I checked,
it works ;-)
Yannick


----- Mail original -----
De: "philsvg" <philsvg@...>
À: svg-developers@yahoogroups.com
Envoyé: Lundi 13 Février 2012 18:30:31
Objet: [svg-developers] Bezier curves : adding curves equivalent to share
control points?






Hi all,

playing with bezier curves, i found different rendering if i make path with
severals curves or if i share control points.

Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in the
path or sharing control points.

Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.

<path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
<!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
<path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
stroke="green" id="c2" />
<g transform="translate(0,100)">
<path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
<path d="M 150,100 L 150,200 M 250,200 L 250,100" fill="none" stroke="black"/>
<path d="M 10,100 C 10,10 150,10 150,100
C 150,200 250,200 250,100" fill="none" stroke="red" id="c3"/>
<path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
</g>
same result in firefox, opera and chrome
is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap, same
for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and c3,c4 ...

hope this helps
Philippe

Thanks Yannick,

your right, the  figure is now :
<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>
<!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
<path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 " fill="none"
stroke="green" id="c2" />
<g transform="translate(0,100)">
<path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
<path d="M 150,100 L 150,190 M 250,190 L 250,100" fill="none" stroke="black"/>
<path d="M 10,100 C 10,10 150,10 150,100
                   C 150,190 250,200 250,100" fill="none" stroke="red" id="c3"/>
<path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
</g>

c3 overlaps c4. Adding curves is equivalent to share control points

I solved syntax error in c2. But why c2 doesn't overlap c1? the tangent is
defined by (10,10 105,55), the current point is 105,55 so the reflection point
is 200,100 as the figure is symmetrical around 105,55. Where is my error?

Philippe

--- In svg-developers@yahoogroups.com, yannick.bochatay@... wrote:
>
> Bonjour Philippe,
> you have a syntax error in "c2" : "S 200,100 200,55 200,55" is not valid.
> In "c4", in the "S" segment the first control point is the reflection of the
last one :
> in your case the last control point is "150,10", the current point is
"150,100", so the reflection is "150,190" and not "150,200" as written in "c3".
I checked, it works ;-)
> Yannick
>
>
> ----- Mail original -----
> De: "philsvg" <philsvg@...>
> À: svg-developers@yahoogroups.com
> Envoyé: Lundi 13 Février 2012 18:30:31
> Objet: [svg-developers] Bezier curves : adding curves equivalent to share
control points?
>
>
>
>
>
>
> Hi all,
>
> playing with bezier curves, i found different rendering if i make path with
severals curves or if i share control points.
>
> Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in the
path or sharing control points.
>
> Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.
>
> <path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
> <!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
> <path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
> <path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
> <path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
stroke="green" id="c2" />
> <g transform="translate(0,100)">
> <path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
> <path d="M 150,100 L 150,200 M 250,200 L 250,100" fill="none" stroke="black"/>
> <path d="M 10,100 C 10,10 150,10 150,100
> C 150,200 250,200 250,100" fill="none" stroke="red" id="c3"/>
> <path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
> </g>
> same result in firefox, opera and chrome
> is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap,
same for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and
c3,c4 ...
>
> hope this helps
> Philippe
>

I think you mix the order of the arguments :
C x1,y1 x2,y2 x,y

in "c1", the second control point is 105,55 and the current point 105,55 too. So
the reflection is 105,55.
I guess the correct code is :

<path d="M 10 55 C 10,10 10,10 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 10,10 105,55 S 200 55 200,55 " fill="none"
stroke="green" id="c2" />

Cheers,
Yannick


----- Mail original -----
De: "philsvg" <philsvg@...>
À: svg-developers@yahoogroups.com
Envoyé: Mardi 14 Février 2012 02:15:20
Objet: [svg-developers] Re: Bezier curves : adding curves equivalent to share
control points?






Thanks Yannick,

your right, the figure is now :
<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>
<!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
<path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 " fill="none"
stroke="green" id="c2" />
<g transform="translate(0,100)">
<path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
<path d="M 150,100 L 150,190 M 250,190 L 250,100" fill="none" stroke="black"/>
<path d="M 10,100 C 10,10 150,10 150,100
C 150,190 250,200 250,100" fill="none" stroke="red" id="c3"/>
<path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
</g>

c3 overlaps c4. Adding curves is equivalent to share control points

I solved syntax error in c2. But why c2 doesn't overlap c1? the tangent is
defined by (10,10 105,55), the current point is 105,55 so the reflection point
is 200,100 as the figure is symmetrical around 105,55. Where is my error?

Philippe

--- In svg-developers@yahoogroups.com , yannick.bochatay@... wrote:
>
> Bonjour Philippe,
> you have a syntax error in "c2" : "S 200,100 200,55 200,55" is not valid.
> In "c4", in the "S" segment the first control point is the reflection of the
last one :
> in your case the last control point is "150,10", the current point is
"150,100", so the reflection is "150,190" and not "150,200" as written in "c3".
I checked, it works ;-)
> Yannick
>
>
> ----- Mail original -----
> De: "philsvg" <philsvg@...>
> À: svg-developers@yahoogroups.com
> Envoyé: Lundi 13 Février 2012 18:30:31
> Objet: [svg-developers] Bezier curves : adding curves equivalent to share
control points?
>
>
>
>
>
>
> Hi all,
>
> playing with bezier curves, i found different rendering if i make path with
severals curves or if i share control points.
>
> Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in the
path or sharing control points.
>
> Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.
>
> <path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
> <!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
> <path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
> <path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
> <path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
stroke="green" id="c2" />
> <g transform="translate(0,100)">
> <path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
> <path d="M 150,100 L 150,200 M 250,200 L 250,100" fill="none" stroke="black"/>
> <path d="M 10,100 C 10,10 150,10 150,100
> C 150,200 250,200 250,100" fill="none" stroke="red" id="c3"/>
> <path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
> </g>
> same result in firefox, opera and chrome
> is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap,
same for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and
c3,c4 ...
>
> hope this helps
> Philippe
>

Thanks yannick,

i understand where is my error, i don't use the good point to define the second
control point. But the resulting curve is not symmetrical as expected ... so i
found an other code to have a symmetrical curve :

<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>

<path d="M 10 55 C 10,10 10,10 105,55 M 200,55 C 200,100 200,100 105,55 "
fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 10,10 105,55 S 200,100 200,55 " fill="none"
stroke="green" id="c2" />

I split c1 and declare two symmetricals bezier curves.

What i want to know is if i add bezier curves to build a path, can i have an
equivalent syntax and equivalent curve if i share control points?

I search a bit more and i found that code :

<g transform="translate(0,100)">
<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>

<path d="M 10 55 C 10,10 10,10 105,55 C 200 100 200 100 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 10,10 105,55 S 200 100 200,55 " fill="none"
stroke="green" id="c2" />
</g>

So adding curves is equivalent to share control points.

I have a last thing to find. How to approch quadratic curves with cubic curves,
using only existing points?

this figure compare quadratic and cubic curves build by adding curves or sharing
control points

<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>
<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red" id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="yellow" id="q2"/>
<path d="M 10 55 C 10,55 10,10 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,55 10,10 105,55 S 200 55 200,55 " fill="none"
stroke="green" id="c2" />

and now i have a better understanding of bezier curves.


Hope this helps
Philippe

--- In svg-developers@yahoogroups.com, yannick.bochatay@... wrote:
>
> I think you mix the order of the arguments :
> C x1,y1 x2,y2 x,y
>
> in "c1", the second control point is 105,55 and the current point 105,55 too.
So the reflection is 105,55.
> I guess the correct code is :
>
> <path d="M 10 55 C 10,10 10,10 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
> <path d="M 10 55 C 10,10 10,10 105,55 S 200 55 200,55 " fill="none"
stroke="green" id="c2" />
>
> Cheers,
> Yannick
>
>
> ----- Mail original -----
> De: "philsvg" <philsvg@...>
> À: svg-developers@yahoogroups.com
> Envoyé: Mardi 14 Février 2012 02:15:20
> Objet: [svg-developers] Re: Bezier curves : adding curves equivalent to share
control points?
>
>
>
>
>
>
> Thanks Yannick,
>
> your right, the figure is now :
> <path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>
> <!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
> stroke="red"id="q1"/>
> <path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
> -->
> <path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
> stroke="red" id="c1"/>
> <path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 " fill="none"
> stroke="green" id="c2" />
> <g transform="translate(0,100)">
> <path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
> <path d="M 150,100 L 150,190 M 250,190 L 250,100" fill="none" stroke="black"/>
> <path d="M 10,100 C 10,10 150,10 150,100
> C 150,190 250,200 250,100" fill="none" stroke="red" id="c3"/>
> <path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
> stroke="green" id="c4"/>
> </g>
>
> c3 overlaps c4. Adding curves is equivalent to share control points
>
> I solved syntax error in c2. But why c2 doesn't overlap c1? the tangent is
defined by (10,10 105,55), the current point is 105,55 so the reflection point
is 200,100 as the figure is symmetrical around 105,55. Where is my error?
>
> Philippe
>
> --- In svg-developers@yahoogroups.com , yannick.bochatay@ wrote:
> >
> > Bonjour Philippe,
> > you have a syntax error in "c2" : "S 200,100 200,55 200,55" is not valid.
> > In "c4", in the "S" segment the first control point is the reflection of the
last one :
> > in your case the last control point is "150,10", the current point is
"150,100", so the reflection is "150,190" and not "150,200" as written in "c3".
I checked, it works ;-)
> > Yannick
> >
> >
> > ----- Mail original -----
> > De: "philsvg" <philsvg@>
> > À: svg-developers@yahoogroups.com
> > Envoyé: Lundi 13 Février 2012 18:30:31
> > Objet: [svg-developers] Bezier curves : adding curves equivalent to share
control points?
> >
> >
> >
> >
> >
> >
> > Hi all,
> >
> > playing with bezier curves, i found different rendering if i make path with
severals curves or if i share control points.
> >
> > Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in
the path or sharing control points.
> >
> > Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.
> >
> > <path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
> > <!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
> > <path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none"
stroke="green"id="q2"/> -->
> > <path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
> > <path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
stroke="green" id="c2" />
> > <g transform="translate(0,100)">
> > <path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
> > <path d="M 150,100 L 150,200 M 250,200 L 250,100" fill="none"
stroke="black"/>
> > <path d="M 10,100 C 10,10 150,10 150,100
> > C 150,200 250,200 250,100" fill="none" stroke="red" id="c3"/>
> > <path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
> > </g>
> > same result in firefox, opera and chrome
> > is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap,
same for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and
c3,c4 ...
> >
> > hope this helps
> > Philippe
> >
>

You may want to have a look at the recently published website of the SVGopen
2012 conference, which takes place in September in Switzerland.

You will find important information on dates, venue, pricing and available
sponsorship options.

http://svgopen.org/2012/

See you there
Michael

Michael

Consider replacing this
<link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans'
rel='stylesheet' type='text/css'>
with this:
<link
href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700\
,700italic' rel='stylesheet' type='text/css'>

Jerry

And then, I think, the bold will work.

----- Original Message -----
From: "meikelneu" <meikelneu@...>
To: svg-developers@yahoogroups.com
Sent: Wednesday, February 22, 2012 6:02:19 AM
Subject: [svg-developers] SVGopen 2012 Conference Website is up






You may want to have a look at the recently published website of the SVGopen
2012 conference, which takes place in September in Switzerland.

You will find important information on dates, venue, pricing and available
sponsorship options.

http://svgopen.org/2012/

See you there
Michael

So far I can only find two drawing apps, Infinity Design and Maple Paint, that
uses svg, but neither is perfect or complete and is missing controls or tools.
There is one app that does diagrams, Smart Diagram. It would be nice if some one
made a decent svg editor.

Does anyone know another svg app out there, I have not found?

Hello all,

I am very new to svg. I am trying to access  an element (defined by id) in a svg
file from HTML5, using jquery if possible, but it's not successful. Here is part
of the code:

*******************************
svg definition:
<svg version="1.1" id="Layer_1"
	  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100%" height="100%"
	  viewBox="0 0 100 100" enable-background="new 0 0 100 100"
xml:space="preserve">

<path id="dial" fill="#F7941E"
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17.908\
,40,40,40V50
	 H89.944z"/>
</svg>

In HTML
<embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>

// the following code is from online reading
var a = document.getElementById("dialSvg");  // this line is okay, the result is
HTMLEmbedElement
var svgDoc = a.contentDocument; // but contentDocument is not even defined in
HTMLEmbedElement
var d = svgDoc.getElementById("dial");
******************************************

Any help is greatly appreciated.

Thanks
Diana

This is a pretty common question, and I think it needs to go in an FAQ
somewhere.

The reason why it's not currently working in your code snippet is that the
SVG document inside the embed is not yet loaded. You need to add a load
listener to wait for it. You can find a solution for this here:
http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-javas\
cript/3379830#3379830

Jake

On Wed, Feb 22, 2012 at 8:01 PM, Diana <diana.perpignan@...> wrote:

> **
>
>
> Hello all,
>
> I am very new to svg. I am trying to access an element (defined by id) in
> a svg file from HTML5, using jquery if possible, but it's not successful.
> Here is part of the code:
>
> *******************************
> svg definition:
> <svg version="1.1" id="Layer_1"
> xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
> http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%"
> viewBox="0 0 100 100" enable-background="new 0 0 100 100"
> xml:space="preserve">
>
> <path id="dial" fill="#F7941E"
>
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17.908\
,40,40,40V50
> H89.944z"/>
> </svg>
>
> In HTML
> <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>
>
> // the following code is from online reading
> var a = document.getElementById("dialSvg"); // this line is okay, the
> result is HTMLEmbedElement
> var svgDoc = a.contentDocument; // but contentDocument is not even defined
> in HTMLEmbedElement
> var d = svgDoc.getElementById("dial");
> ******************************************
>
> Any help is greatly appreciated.
>
> Thanks
> Diana
>
>
>


[Non-text portions of this message have been removed]

Here are 4 different ways you can try:

<object data="rectspercent.svg" type="image/svg+xml"
         width="100" height="100">
</object>  
<embed src="rectspercent.svg"
         width="100" height="100" type="image/svg+xml"/>   <iframe
src="rectspercent.svg" type="image/svg+xml" width="100" height="100"
frameborder="0"></iframe>  

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>
<g id="squares">

<rect x="0" y="0" height="100%" width="100%" fill="#900" />
<rect x="1%" y="1%" height="98%" width="98%" fill="#f00" />
<rect x="2%" y="2%" height="96%" width="96%" fill="#800" />
<rect x="3%" y="3%" height="94%" width="94%" fill="#e00" />
<rect x="4%" y="4%" height="92%" width="92%" fill="#700" />
<rect x="5%" y="5%" height="90%" width="90%" fill="#d00" />
<rect x="6%" y="6%" height="88%" width="88%" fill="#600" />
<rect x="7%" y="7%" height="86%" width="86%" fill="#c00" />
<rect x="8%" y="8%" height="84%" width="84%" fill="#500" />
<rect x="9%" y="9%" height="82%" width="82%" fill="#b00" />
<rect x="10%" y="10%" height="80%" width="80%" fill="#400" />
<rect x="11%" y="11%" height="78%" width="78%" fill="#a00" />
<rect x="12%" y="12%" height="76%" width="76%" fill="#300" />
<rect x="13%" y="13%" height="74%" width="74%" fill="#900" />
<rect x="14%" y="14%" height="72%" width="72%" fill="#200" />
<rect x="15%" y="15%" height="70%" width="70%" fill="#800" />
<rect x="16%" y="16%" height="68%" width="68%" fill="#100" />
<rect x="17%" y="17%" height="66%" width="66%" fill="#700" />
<rect x="18%" y="18%" height="64%" width="64%" fill="#000" />

</g>
</defs>


<use xlink:href="#squares" x="0" y="0" opacity="1"  transform="scale(1)"/>

</svg>

----- Original Message -----
From: "Diana" <diana.perpignan@...>
To: svg-developers@yahoogroups.com
Sent: Wednesday, February 22, 2012 8:01:13 PM
Subject: [svg-developers] access svg elements from HTML5






Hello all,

I am very new to svg. I am trying to access an element (defined by id) in a svg
file from HTML5, using jquery if possible, but it's not successful. Here is part
of the code:

*******************************
svg definition:
<svg version="1.1" id="Layer_1"
xmlns=" http://www.w3.org/2000/svg " xmlns:xlink=" http://www.w3.org/1999/xlink
" x="0px" y="0px" width="100%" height="100%"
viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">

<path id="dial" fill="#F7941E"
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17.908\
,40,40,40V50
H89.944z"/>
</svg>

In HTML
<embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>

// the following code is from online reading
var a = document.getElementById("dialSvg"); // this line is okay, the result is
HTMLEmbedElement
var svgDoc = a.contentDocument; // but contentDocument is not even defined in
HTMLEmbedElement
var d = svgDoc.getElementById("dial");
******************************************

Any help is greatly appreciated.

Thanks
Diana

http://granite.sru.edu/~ddailey/svg/B/bbox2.3.svg



Both Safari and Chrome miscalculate the bounding box in this example rather
dramatically. The other browsers (IE, Opera, FF, and ASV) all seem okay.



I can't remember how to file bug reports in all the different browsers -
they seem intent on making sure that only devotees are allowed to complain,
but perhaps one of you devotees might see it in your hearts to pass it along
to those good folks working on webkit SVG? I could just point them to a few
score of examples where webkit fails, but that would apparently be too easy.




Thanks

David



[Non-text portions of this message have been removed]

Hi Jerry,

I followed your advice and added the additional fonts. Better now?

I did not advertise this yet, since I need to fix something in the database to
allow for abstract submissions.

I will inform this list of course once it is fully available.

I just wanted to make date, time and the CfP available already.

Best,
Andreas

--- In svg-developers@yahoogroups.com, JERROLD WARREN MADDOX <jxm22@...> wrote:
>
> Michael
>
> Consider replacing this
> <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans'
rel='stylesheet' type='text/css'>
> with this:
> <link
href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700\
,700italic' rel='stylesheet' type='text/css'>
>
> Jerry
>
> And then, I think, the bold will work.
>
> ----- Original Message -----
> From: "meikelneu" <meikelneu@...>
> To: svg-developers@yahoogroups.com
> Sent: Wednesday, February 22, 2012 6:02:19 AM
> Subject: [svg-developers] SVGopen 2012 Conference Website is up
>
>
>
>
>
>
> You may want to have a look at the recently published website of the SVGopen
2012 conference, which takes place in September in Switzerland.
>
> You will find important information on dates, venue, pricing and available
sponsorship options.
>
> http://svgopen.org/2012/
>
> See you there
> Michael
>

Andreas

Yes, works well now. Much more order with the changes in weight.

Jerry



----- Original Message -----
From: "Andi Neumann" <a.neumann@...>
To: svg-developers@yahoogroups.com
Sent: Thursday, February 23, 2012 3:58:52 PM
Subject: [svg-developers] Re: SVGopen 2012 Conference Website is up






Hi Jerry,

I followed your advice and added the additional fonts. Better now?

I did not advertise this yet, since I need to fix something in the database to
allow for abstract submissions.

I will inform this list of course once it is fully available.

I just wanted to make date, time and the CfP available already.

Best,
Andreas

--- In svg-developers@yahoogroups.com , JERROLD WARREN MADDOX <jxm22@...> wrote:
>
> Michael
>
> Consider replacing this
> <link href=' http://fonts.googleapis.com/css?family=Quattrocento+Sans '
rel='stylesheet' type='text/css'>
> with this:
> <link href='
http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700it\
alic ' rel='stylesheet' type='text/css'>
>
> Jerry
>
> And then, I think, the bold will work.
>
> ----- Original Message -----
> From: "meikelneu" <meikelneu@...>
> To: svg-developers@yahoogroups.com
> Sent: Wednesday, February 22, 2012 6:02:19 AM
> Subject: [svg-developers] SVGopen 2012 Conference Website is up
>
>
>
>
>
>
> You may want to have a look at the recently published website of the SVGopen
2012 conference, which takes place in September in Switzerland.
>
> You will find important information on dates, venue, pricing and available
sponsorship options.
>
> http://svgopen.org/2012/
>
> See you there
> Michael
>

Hi Jake,
Thanks for your response. I tried to post a reply last night, but I
don't know it doesn't show.
In my case, the svg is actually loaded, because it shows, and I push a
button to execute the code to access the inside element of that svg.
Also, the first line:  var a = document.getElementById("dialSvg"); works
fine,  returns a HTMLEmbedElement. The problem is on: var svgDoc =
a.contentDocument; From debug, I see that contentDocument is not even
defined in HTMLEmbedElement, thus returns null.
I tried using all three ways (embed, object data, iframe) to embed the
svg in html.
Any idea?
Thanks-Diana
--- In svg-developers@yahoogroups.com, Jacob Beard <jbeard4@...> wrote:
>
> This is a pretty common question, and I think it needs to go in an FAQ
> somewhere.
>
> The reason why it's not currently working in your code snippet is that
the
> SVG document inside the embed is not yet loaded. You need to add a
load
> listener to wait for it. You can find a solution for this here:
>
http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-wi\
th-javascript/3379830#3379830
>
> Jake
>
> On Wed, Feb 22, 2012 at 8:01 PM, Diana diana.perpignan@... wrote:
>
> > **
> >
> >
> > Hello all,
> >
> > I am very new to svg. I am trying to access an element (defined by
id) in
> > a svg file from HTML5, using jquery if possible, but it's not
successful.
> > Here is part of the code:
> >
> > *******************************
> > svg definition:
> > <svg version="1.1" id="Layer_1"
> > xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
> > http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%"
height="100%"
> > viewBox="0 0 100 100" enable-background="new 0 0 100 100"
> > xml:space="preserve">
> >
> > <path id="dial" fill="#F7941E"
> >
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.09\
2,17.908,40,40,40V50
> > H89.944z"/>
> > </svg>
> >
> > In HTML
> > <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>
> >
> > // the following code is from online reading
> > var a = document.getElementById("dialSvg"); // this line is okay,
the
> > result is HTMLEmbedElement
> > var svgDoc = a.contentDocument; // but contentDocument is not even
defined
> > in HTMLEmbedElement
> > var d = svgDoc.getElementById("dial");
> > ******************************************
> >
> > Any help is greatly appreciated.
> >
> > Thanks
> > Diana
> >
> >
> >
>
>
> [Non-text portions of this message have been removed]
>



[Non-text portions of this message have been removed]

Hi Jake,

Thanks for your reply.

But the svg has already loaded, because it's displayed, and I push a button to
execute the code that is trying to get it.

Plus, this line: var a = document.getElementById("dialSvg");
works well, the result is a HTMLEmbedElement. I checked what is defined in this
HTMLEmbedElement, there is no contentDocument defined, thus, the following line:

var svgDoc = a.contentDocument;
returns null.

Any idea?

Many thanks
-Diana
--- In svg-developers@yahoogroups.com, Jacob Beard <jbeard4@...> wrote:
>
> This is a pretty common question, and I think it needs to go in an FAQ
> somewhere.
>
> The reason why it's not currently working in your code snippet is that the
> SVG document inside the embed is not yet loaded. You need to add a load
> listener to wait for it. You can find a solution for this here:
>
http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-javas\
cript/3379830#3379830
>
> Jake
>
> On Wed, Feb 22, 2012 at 8:01 PM, Diana <diana.perpignan@...> wrote:
>
> > **
> >
> >
> > Hello all,
> >
> > I am very new to svg. I am trying to access an element (defined by id) in
> > a svg file from HTML5, using jquery if possible, but it's not successful.
> > Here is part of the code:
> >
> > *******************************
> > svg definition:
> > <svg version="1.1" id="Layer_1"
> > xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
> > http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%"
> > viewBox="0 0 100 100" enable-background="new 0 0 100 100"
> > xml:space="preserve">
> >
> > <path id="dial" fill="#F7941E"
> >
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17.908\
,40,40,40V50
> > H89.944z"/>
> > </svg>
> >
> > In HTML
> > <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>
> >
> > // the following code is from online reading
> > var a = document.getElementById("dialSvg"); // this line is okay, the
> > result is HTMLEmbedElement
> > var svgDoc = a.contentDocument; // but contentDocument is not even defined
> > in HTMLEmbedElement
> > var d = svgDoc.getElementById("dial");
> > ******************************************
> >
> > Any help is greatly appreciated.
> >
> > Thanks
> > Diana
> >
> >
> >
>
>
> [Non-text portions of this message have been removed]
>

(2012/02/23 14:26), Diana wrote:
> Plus, this line: var a = document.getElementById("dialSvg");
> works well, the result is a HTMLEmbedElement. I checked what is defined
> in this HTMLEmbedElement, there is no contentDocument defined, thus, the
> following line:
>
> var svgDoc = a.contentDocument;
> returns null.

Hi Diana,

I believe the HTMLEmbedElement interface does not include a
contentDocument property, unlike HTMLObjectElement (and
HTMLIFrameElement etc.). I think you want to use getSVGDocument.[1]
Jonathan Watt and Erik Dahlström have each helpfully put together test
pages for this.[2][3]

Regards,

Brian

[1] http://www.w3.org/TR/SVG/struct.html#InterfaceGetSVGDocument
[2] https://jwatt.org/svg/demos/getSVGDocument.html
[3]
http://xn--dahlstrm-t4a.net/svg/html/get-embedded-svg-document-script.html

(2012/02/24 14:07), Brian Birtles wrote:
> Hi Diana,
>
> I believe the HTMLEmbedElement interface does not include a
> contentDocument property, unlike HTMLObjectElement (and
> HTMLIFrameElement etc.). I think you want to use getSVGDocument.[1]
> Jonathan Watt and Erik Dahlström have each helpfully put together test
> pages for this.[2][3]

I should add a warning that that interface is deprecated so you should
test for contentDocument first and use that if available, like Jonathan
and Erik's code does.

Brian

Hi Diana,
Can you serve the page as svg?
The server would have to send this header:
Content-Type:
image/svg+xml

This may simplify the interaction of an embed with parent doc.
(There would be none).

MarkT

On Thu, Feb 23, 2012 at 12:01 PM, Diana <diana.perpignan@...> wrote:

> **
>
>
> Hello all,
>
> I am very new to svg. I am trying to access an element (defined by id) in
> a svg file from HTML5, using jquery if possible, but it's not successful.
>


[Non-text portions of this message have been removed]

--- In svg-developers@yahoogroups.com, "David Dailey" <ddailey@...> wrote:

> I can't remember how to file bug reports in all the different browsers -
> they seem intent on making sure that only devotees are allowed to complain,

David I can feel your pain, but on the other hand we should be happy that there
are multiple browser vendors active and listening and at least for webkit the
process is very transparent.

For your reference and others

https://bugs.webkit.org/
https://bugzilla.mozilla.org/
https://bugs.opera.com/wizard/
http://connect.microsoft.com/IE

Michael

Hey thanks, Michael. This is the first time I've seen these all in one
place. I must remember to leave a trail for myself to find these again!



Cheers

David



From: svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]
On Behalf Of meikelneu
Sent: Friday, February 24, 2012 5:52 AM
To: svg-developers@yahoogroups.com
Subject: [svg-developers] How to file bug reports in all the different
browsers





--- In svg-developers@yahoogroups.com
<mailto:svg-developers%40yahoogroups.com> , "David Dailey" <ddailey@...>
wrote:

> I can't remember how to file bug reports in all the different browsers -
> they seem intent on making sure that only devotees are allowed to
complain,

David I can feel your pain, but on the other hand we should be happy that
there are multiple browser vendors active and listening and at least for
webkit the process is very transparent.

For your reference and others

https://bugs.webkit.org/
https://bugzilla.mozilla.org/
https://bugs.opera.com/wizard/
http://connect.microsoft.com/IE

Michael





[Non-text portions of this message have been removed]

I haven't had a chance to look at your question at all and was glad to see
Jake had some suggestions. Just anecdotally, I've noticed that a lot of
things governing the relationship between "HTML5" (as it is ambiguously
termed in the world at large) and SVG that were somewhat predictable in
HTML-SVG discourse, are remarkably dysfunctional across browsers. I think
much of this is due to the fact that HTML5 is not yet a stable
recommendation. You might want to test to see if what you're doing works
anywhere. Sometimes one uses getSVGDocument()instead of contentDocument (see
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#scripting_HTML
).. I used to think of contentDocument as something that was only
implemented in one or two browsers, while in the "traditional" HTML - SVG
world, getSVGDocument() was the way to go.



You might fool around with that and be sure to check out alternative
browsers, since they all seem to have different ideas about many of these
issues at present.



Cheers

David



From: svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]
On Behalf Of Diana
Sent: Thursday, February 23, 2012 12:27 AM
To: svg-developers@yahoogroups.com
Subject: [svg-developers] Re: access svg elements from HTML5






Hi Jake,

Thanks for your reply.

But the svg has already loaded, because it's displayed, and I push a button
to execute the code that is trying to get it.

Plus, this line: var a = document.getElementById("dialSvg");
works well, the result is a HTMLEmbedElement. I checked what is defined in
this HTMLEmbedElement, there is no contentDocument defined, thus, the
following line:

var svgDoc = a.contentDocument;
returns null.

Any idea?

Many thanks
-Diana
--- In svg-developers@yahoogroups.com
<mailto:svg-developers%40yahoogroups.com> , Jacob Beard <jbeard4@...> wrote:
>
> This is a pretty common question, and I think it needs to go in an FAQ
> somewhere.
>
> The reason why it's not currently working in your code snippet is that the
> SVG document inside the embed is not yet loaded. You need to add a load
> listener to wait for it. You can find a solution for this here:
>
http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-j
avascript/3379830#3379830
>
> Jake
>
> On Wed, Feb 22, 2012 at 8:01 PM, Diana <diana.perpignan@...> wrote:
>
> > **
> >
> >
> > Hello all,
> >
> > I am very new to svg. I am trying to access an element (defined by id)
in
> > a svg file from HTML5, using jquery if possible, but it's not
successful.
> > Here is part of the code:
> >
> > *******************************
> > svg definition:
> > <svg version="1.1" id="Layer_1"
> > xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
> > http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%"
> > viewBox="0 0 100 100" enable-background="new 0 0 100 100"
> > xml:space="preserve">
> >
> > <path id="dial" fill="#F7941E"
> >
d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17
.908,40,40,40V50
> > H89.944z"/>
> > </svg>
> >
> > In HTML
> > <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>
> >
> > // the following code is from online reading
> > var a = document.getElementById("dialSvg"); // this line is okay, the
> > result is HTMLEmbedElement
> > var svgDoc = a.contentDocument; // but contentDocument is not even
defined
> > in HTMLEmbedElement
> > var d = svgDoc.getElementById("dial");
> > ******************************************
> >
> > Any help is greatly appreciated.
> >
> > Thanks
> > Diana
> >
> >
> >
>
>
> [Non-text portions of this message have been removed]
>





[Non-text portions of this message have been removed]

Transparent, but not effective.

--- In svg-developers@yahoogroups.com, "meikelneu" <meikelneu@...> wrote:
>
> --- In svg-developers@yahoogroups.com, "David Dailey" <ddailey@> wrote:
>
> > I can't remember how to file bug reports in all the different browsers -
> > they seem intent on making sure that only devotees are allowed to complain,
>
> David I can feel your pain, but on the other hand we should be happy that
there are multiple browser vendors active and listening and at least for webkit
the process is very transparent.
>
> For your reference and others
>
> https://bugs.webkit.org/
> https://bugzilla.mozilla.org/
> https://bugs.opera.com/wizard/
> http://connect.microsoft.com/IE
>
> Michael
>

I found out that the contentDocument is defined when using <object data ..> to
embed the svg file in html5 in Safari. So my code actually worked in that
condition. I will try getSVGDocument() later.

Thanks
Diana

--- In svg-developers@yahoogroups.com, "David Dailey" <ddailey@...> wrote:
>
> I haven't had a chance to look at your question at all and was glad to see
> Jake had some suggestions. Just anecdotally, I've noticed that a lot of
> things governing the relationship between "HTML5" (as it is ambiguously
> termed in the world at large) and SVG that were somewhat predictable in
> HTML-SVG discourse, are remarkably dysfunctional across browsers. I think
> much of this is due to the fact that HTML5 is not yet a stable
> recommendation. You might want to test to see if what you're doing works
> anywhere. Sometimes one uses getSVGDocument()instead of contentDocument (see
> http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#scripting_HTML
> ).. I used to think of contentDocument as something that was only
> implemented in one or two browsers, while in the "traditional" HTML - SVG
> world, getSVGDocument() was the way to go.
>
>
>
> You might fool around with that and be sure to check out alternative
> browsers, since they all seem to have different ideas about many of these
> issues at present.
>
>
>
> Cheers
>
> David
>
>
>
> From: svg-developers@yahoogroups.com [mailto:svg-developers@yahoogroups.com]
> On Behalf Of Diana
> Sent: Thursday, February 23, 2012 12:27 AM
> To: svg-developers@yahoogroups.com
> Subject: [svg-developers] Re: access svg elements from HTML5
>
>
>
>
>
>
> Hi Jake,
>
> Thanks for your reply.
>
> But the svg has already loaded, because it's displayed, and I push a button
> to execute the code that is trying to get it.
>
> Plus, this line: var a = document.getElementById("dialSvg");
> works well, the result is a HTMLEmbedElement. I checked what is defined in
> this HTMLEmbedElement, there is no contentDocument defined, thus, the
> following line:
>
> var svgDoc = a.contentDocument;
> returns null.
>
> Any idea?
>
> Many thanks
> -Diana
> --- In svg-developers@yahoogroups.com
> <mailto:svg-developers%40yahoogroups.com> , Jacob Beard <jbeard4@> wrote:
> >
> > This is a pretty common question, and I think it needs to go in an FAQ
> > somewhere.
> >
> > The reason why it's not currently working in your code snippet is that the
> > SVG document inside the embed is not yet loaded. You need to add a load
> > listener to wait for it. You can find a solution for this here:
> >
> http://stackoverflow.com/questions/2753732/how-to-access-svg-elements-with-j
> avascript/3379830#3379830
> >
> > Jake
> >
> > On Wed, Feb 22, 2012 at 8:01 PM, Diana <diana.perpignan@> wrote:
> >
> > > **
> > >
> > >
> > > Hello all,
> > >
> > > I am very new to svg. I am trying to access an element (defined by id)
> in
> > > a svg file from HTML5, using jquery if possible, but it's not
> successful.
> > > Here is part of the code:
> > >
> > > *******************************
> > > svg definition:
> > > <svg version="1.1" id="Layer_1"
> > > xmlns="http://www.w3.org/2000/svg" xmlns:xlink="
> > > http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%"
> > > viewBox="0 0 100 100" enable-background="new 0 0 100 100"
> > > xml:space="preserve">
> > >
> > > <path id="dial" fill="#F7941E"
> > >
> d="M89.944,50c0-22.091-17.908-40-40-40c-22.092,0-40,17.909-40,40c0,22.092,17
> .908,40,40,40V50
> > > H89.944z"/>
> > > </svg>
> > >
> > > In HTML
> > > <embed src='dial.svg' type='image/svg+xml' id="dialSvg"/>
> > >
> > > // the following code is from online reading
> > > var a = document.getElementById("dialSvg"); // this line is okay, the
> > > result is HTMLEmbedElement
> > > var svgDoc = a.contentDocument; // but contentDocument is not even
> defined
> > > in HTMLEmbedElement
> > > var d = svgDoc.getElementById("dial");
> > > ******************************************
> > >
> > > Any help is greatly appreciated.
> > >
> > > Thanks
> > > Diana
> > >
> > >
> > >
> >
> >
> > [Non-text portions of this message have been removed]
> >
>
>
>
>
>
> [Non-text portions of this message have been removed]
>