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
classstyleexternalResourcesRequiredtransform
Specific attributes
dpathLength- 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,