Ich habe mir zum Ausprobieren mal eine Testversion des kommerziellen Tools
Sketsa installiert.
Ein erstes Anschauen von Quellcode einer frei im Netz verfügbaren SVG-Grafik einer Lupe, laut Kommentar im Code durch Illustrator generiert, lässt einen schaudern.
Ein Kreis und ein Strich mit abgerundetem Ende.
Und dann so ein "Pfad":
HTML-Code:
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg contentScriptType="text/ecmascript" zoomAndPan="magnify" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full"
contentStyleType="text/css" id="Capa_1" style="enable-background:new 0 0 227.406 227.406;" version="1.1" xml:space="preserve"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 227.406 227.406" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px">
<g>
<path style="fill:#000002;" d="M217.576,214.708l-65.188-67.794c16.139-15.55,26.209-37.355,26.209-61.484
c0-47.106-38.323-85.43-85.43-85.43C46.06,0,7.737,38.323,7.737,85.43c0,47.106,38.323,85.43,85.43,85.43
c17.574,0,33.924-5.339,47.52-14.474l66.077,68.719c1.473,1.531,3.439,2.302,5.407,2.302c1.87,0,3.743-0.695,5.197-2.094
C220.354,222.441,220.447,217.693,217.576,214.708z M22.737,85.43c0-38.835,31.595-70.43,70.43-70.43
c38.835,0,70.43,31.595,70.43,70.43s-31.595,70.43-70.43,70.43C54.332,155.859,22.737,124.265,22.737,85.43z"
transform="matrix(1.0 0.0 -0.0 1.0 0.0 0.0)"/> </g>
</svg>
Das bestärkt mich jedenfalls darin, dass ich gerne ein Tool hätte, welches prägnanten Code produziert.
Und einen guten integrierten Source-Code-Editor.
Zu Büchern:
meine Recherche ergab, dass kein einziges halbwegs aktuelles deutschsprachiges Lehrbuch zu SVG existiert.
Das erstaunt mich.