Unsere Freiwilligen haben diesen Artikel noch nicht in Deutsch übersetzt. Machen Sie mit und helfen Sie, das zu erledigen!
Getting started
This tutorial will help get you started using SVG paths.
This tutorial will help get you started using SVG paths.
The <path>
SVG element is the generic element to define a shape. All the basic shapes can be created with a path element.
Usage context
Categories | Graphics element, Shape element |
---|---|
Permitted content | Any number of the following elements, in any order: Animation elements Descriptive elements |
Attributes
Global attributes
- Conditional processing attributes
- Core attributes
- Graphical event attributes
- Presentation attributes
class
style
externalResourcesRequired
transform
Specific attributes
d
pathLength
- fillOpacity
DOM_Interface
This element implements the SVGPathElement
interface.
Example
SVG
<svg width="100%" height="100%" viewBox="0 0 400 400" xmlns="https://www.w3.org/2000/svg"> <path d="M 100 100 L 300 100 L 200 300 z" fill="orange" stroke="black" stroke-width="3" /> </svg>
Result
Specifications
Specification | Status | Comment |
---|---|---|
SVG Paths The definition of '<path>' in that specification. |
Working Draft | |
Scalable Vector Graphics (SVG) 2 The definition of '<path>' in that specification. |
Candidate Recommendation | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<path>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | IE | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 3.0 | 1.0 (1.8) | No support | (Yes) | 3.0.4 |
The chart is based on these sources.
See also
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
dennismphil,
Sebastianz,
kscarfone,
drewish,
Jeremie,
mindrones,
ethertank,
Manuel_Strehl
Zuletzt aktualisiert von:
dennismphil,