{"json_modified": "2016-03-28T07:57:01.746299", "uuid": "19d3ed1e-99ae-460f-a858-893e431847fa", "title": "marker-end", "url": "/en-US/docs/Web/SVG/Attribute/marker-end", "tags": ["SVG Attribute", "SVG", "NeedsCompatTable", "NeedsExample"], "translations": [], "modified": "2014-03-22T02:50:27", "label": "marker-end", "localization_tags": [], "locale": "en-US", "id": 4840, "last_edit": "2013-09-19T11:54:07", "summary": "The <code>marker-end</code> defines the arrowhead or polymarker that will be drawn at the final vertex of the given <a href=\"/en-US/docs/Web/SVG/Element/path\" title=\"The path element is the generic element to define a shape. All the basic shapes can be created with a path element.\"><code>&lt;path&gt;</code></a> element or <a href=\"/en/SVG/Element#Basic_shapes\" title=\"en/SVG/Element#Basic_shapes\">basic shape</a>. Note that for a <a href=\"/en-US/docs/Web/SVG/Element/path\" title=\"The path element is the generic element to define a shape. All the basic shapes can be created with a path element.\"><code>&lt;path&gt;</code></a> element which ends with a closed sub-path, the last vertex is the same as the initial vertex on the given sub-path. In this case, if <code>marker-end</code> does not equal none, then it is possible that two markers will be rendered on the given vertex. One way to prevent this is to set <code>marker-end</code> to none. (Note that the same comment applies to <a href=\"/en-US/docs/Web/SVG/Element/polygon\" title=\"The polygon element defines a closed shape consisting of a set of connected straight line segments.\"><code>&lt;polygon&gt;</code></a> elements.)", "sections": [{"id": "Usage_context", "title": "Usage context"}, {"id": "Examples", "title": "Examples"}, {"id": "Elements", "title": "Elements"}, {"id": "See_also", "title": "See also"}], "slug": "Web/SVG/Attribute/marker-end", "review_tags": []}