Überarbeitungsverlauf[Zurück]
|
2 |
|
|
Zunächst installiert man sich den SVG Optimizer:
npm install svgo
Dann führt man ihn aus mit der SVG-Datei als Eingabe (überschreibt die Eingabe):
nodejs /path/to/svgo-module/bin/svgo flag.svg
Das resultierende SVG hat dann die Pfade, die TikZ versteht:
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3"><path d="M0 0h5v3H0z"/><path fill="#D00" d="M0 1h5v2H0z"/><path fill="#FFCE00" d="M0 2h5v1H0z"/></svg>
MWE:
\documentclass{article}
\usepackage{tikz}
\usepgflibrary{svg.path}
\definecolor{rot}{HTML}{DD0000}
\definecolor{gold}{HTML}{FFCE00}
\begin{document}
\begin{pgfpicture}
\pgftransformscale{-1} % Warum auch immer?
\pgfpathsvg{M0 0h5v3H0z}
\pgfusepath{fill}
\pgfsetcolor{rot}
\pgfpathsvg{M0 1h5v2H0z}
\pgfusepath{fill}
\pgfsetcolor{gold}
\pgfpathsvg{M0 2h5v1H0z}
\pgfusepath{fill}
\end{pgfpicture}
\end{document}\end{document}
[![alt text][1]][1]
[1]: https://texwelt.de/wissen/upfiles/test_455.png
|
|
1 |
|
|
Zunächst installiert man sich den SVG Optimizer:
npm install svgo
Dann führt man ihn aus mit der SVG-Datei als Eingabe (überschreibt die Eingabe):
nodejs /path/to/svgo-module/bin/svgo flag.svg
Das resultierende SVG hat dann die Pfade, die TikZ versteht:
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3"><path d="M0 0h5v3H0z"/><path fill="#D00" d="M0 1h5v2H0z"/><path fill="#FFCE00" d="M0 2h5v1H0z"/></svg>
MWE:
\documentclass{article}
\usepackage{tikz}
\usepgflibrary{svg.path}
\definecolor{rot}{HTML}{DD0000}
\definecolor{gold}{HTML}{FFCE00}
\begin{document}
\begin{pgfpicture}
\pgftransformscale{-1} % Warum auch immer?
\pgfpathsvg{M0 0h5v3H0z}
\pgfusepath{fill}
\pgfsetcolor{rot}
\pgfpathsvg{M0 1h5v2H0z}
\pgfusepath{fill}
\pgfsetcolor{gold}
\pgfpathsvg{M0 2h5v1H0z}
\pgfusepath{fill}
\end{pgfpicture}
\end{document}
