29 Juni
Publish date: Jun 29, 2019
Last updated: Jul 10, 2019
Last updated: Jul 10, 2019
The Frech Revolution
French Revolution Timeline 17th centuary Guillotine
King Louis XVI tried to escape to Austria but was recognised and arrested and later executed by his own people.
I die innocent I pardon my enemies and I hope that my blood will be useful for France. Thats it will appease Gods anger
Maximilien Robespierre: The Reign of Terror1
Vector Path
- straight path
- Anchor point
- path
- curved path
- Control Handle
- closed path
SVG - Scalable Vector Graphics
- File are XML, edited with any text editor
- SVG images are zoomable
- SVG is a W3C recommendation
Path - most powerful tool2 create lines, curves, arcs and more. The following commands are available for path data2:
Add animations to SVG to achieve cool graphics. Checkout css, codrops for inspiration
| Path commands | Description |
|---|---|
| M | moveto |
| L | lineto |
| H | horizontal lineto |
| V | vertical lineto |
| C | curveto |
| S | smooth curveto |
| Q | quadratic Bézier curve |
| T | smooth quadratic Bézier curveto |
| A | elliptical Arc |
| Z | closepath |
<svg>
<use href="#exampleSymbol"></use>
</svg>
How to embed svg onto html?
| feature | <img> |
<object> |
Inline SVG |
|---|---|---|---|
| Browser support | Good | Good | Good |
| Alt and title attribute | Yes | None | Title only |
| Browser caching | Yes | Yes | None |
| GZip compression | Yes | Yes | None |
| Interactivity | None | Yes | Very good |
| Search engine indexing | Yes | Through fallback | None |
| Workflow | Streamlined | Medium | Convoluted |
| Loading speed | Fast | Slower | Very fast |