Created attachment 64656 [details] SVG file containing the marker If a path is given a marker-end reference that is external to its SVG document, that marker will not be applied. Example: #myMarker located in marker.svg is not applied because it is external to the document the path is in. <path d="M0,30 h100" stroke-width="10" stroke="#000" id="myPath" marker-end="url(marker.svg#myMarker)" /> The marker is correctly applied on Firefox 3.6 and Opera 10.6 I will attach a working example that exposes the issue.
For whatever reason, the SVG document won't find the marker for any browser when it references the attachment. Here is a URL showing the issue: http://www.mikehemesath.com/svg_markers/demo3/arrow.svg
We don't support external SVG-resources right now.
Given the behavior of the other browsers, specifically relating to bug https://bugs.webkit.org/show_bug.cgi?id=44047. Applying markers to SVG inline HTML5 documents using external stylesheets will be impossible to do until this is resolved.
This bug is pretty old, given the development speed of Webkit and still the problem exists, not only on Mac OS X, but also on Windows. Both Firefox and Opera until version 12 support this. Now that Opera switched to Webkit, it is not supported any more. IE10 does not support this. I don't know about IE11. Can't you push the priority of this a little?