what is the W3C SVG way to use an external css to style markers

Hello,

It seems that's impossible to find a way for ffox, opera, chrome and 
safari, to use an external css to give a style to markers.

Using a method, it's possible for Opera and FFox, but don't work with 
chromium and opera.

Using an other method, it's possible for chromium and opera, but don't 
work with Opera and Firefox.

I would like to know witch ones do it correctly, respecting the W3C way 
(but it's maybe because i do it wrong, i'm a SVG newbie).

You can find here a test case : 
http://developpements.open-elearning.com/tests-divers/svg-and-marker01/a.svg

You can download it here : 
http://developpements.open-elearning.com/tests-divers/svg-and-marker01/test.zip

Here is a synthesis :
Solution N°2 works fine with Opera and Firefox, but don't work with 
Chromium and Safari, because it seems that they are not abble to refer 
to an external svg, where markers are externalised.

Solution N°6 works with Safari and Chromium, but don't work with FFox 
and Opera, because it seems that they are not able to using css to refer 
to a not named svg file (
marker-end:url(a.svg#markerintern3); works for firefox and opera, but as 
we have to name the svg document, we can't use it for many svg, and a 
not named reference, marker-end:url(#markerintern6); works only for 
chromium and safari).

So if we want to cover these 4 browser using an external CSS to style 
the arrows, it seems that the only way is transform the marker in paths 
or to have an css for opera and firefox, and an other css for chrome and 
safari.

What do you think about this problem ? (but maybe i have done something 
wrong somewhere)

Chromium and Safari don't respect the W3C specs in the case N°2 ?

Opera and Firefox don't respect the W3C specs in the case N°6 ?

Thanks a lot for your attention and help,

Best regards,

Ghislain

Received on Monday, 29 September 2014 07:33:23 UTC