Hallo zusammen
Um in SVG, ein Gitternetz/Raster über ein importiertes Bild zu legen (img src="xxx.png"/img), suche ich nach Lösungsansätzen.
Bisher generiere ich dies im Notepad mit dem Blockeditor usw. nach Bedarf.
Für eine xslt2.0 Transformation habe ich folgendes XML source-dokument bsp: grid_vorlage.xml.
Hier eine Raster Vorlage!
Das xslt2.0 Stylesheet sollte diesen Job (raster und items) übernehmen und das svg-dokument in einem Zuge realisieren.
Je nach Bedarf könnte ich den Raster und die benötigte Menge/item am Quelltext einstellen.
- generiere 100mal mit raster 5, horizontal
- generiere 100mal mit raster 5, vertikal
Hier ein SVG-Beispiel
Wo muss ich suchen:
- bei xslt-Funktionen / Variablen / Regex
Ein Tip wo ich suchen muss genügt mir, bin ein bisschen aus der Übung mit xslt.
Viele Grüsse
Karl_Heg
Um in SVG, ein Gitternetz/Raster über ein importiertes Bild zu legen (img src="xxx.png"/img), suche ich nach Lösungsansätzen.
Bisher generiere ich dies im Notepad mit dem Blockeditor usw. nach Bedarf.
Für eine xslt2.0 Transformation habe ich folgendes XML source-dokument bsp: grid_vorlage.xml.
Hier eine Raster Vorlage!
Code:
<?XML Version="1.0" Encoding="utf-8"?> <grid raster="5" item="100"> <r>5</r> <r>10</r> <r>15</r> <r>20</r> <r>25</r> <!-- usw. im vorliegenden Fall 100mal --> </grid>
Je nach Bedarf könnte ich den Raster und die benötigte Menge/item am Quelltext einstellen.
- generiere 100mal mit raster 5, horizontal
- generiere 100mal mit raster 5, vertikal
Hier ein SVG-Beispiel
Code:
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1500" height="1600" viewBox="-100 -100 1400 1500"> <!-- Mustervorgabe ohne Menge/item --> <g class="grid_h5"> <line x1="0" y1="0" x2="460" y2="0" stroke="red" stroke-width="0.10mm"/> <line x1="0" y1="5" x2="460" y2="5" stroke="red" stroke-width="0.10mm"/> <line x1="0" y1="10" x2="460" y2="10" stroke="red" stroke-width="0.10mm"/> <line x1="0" y1="15" x2="460" y2="15" stroke="red" stroke-width="0.10mm"/> <line x1="0" y1="20" x2="460" y2="20" stroke="red" stroke-width="0.10mm"/> </g> <g class="grid_v5"> <line x1="0" y1="0" x2="0" y2="460" stroke="blue" stroke-width="0.10mm"/> <line x1="5" y1="0" x2="5" y2="460" stroke="blue" stroke-width="0.10mm"/> <line x1="10" y1="0" x2="10" y2="460" stroke="blue" stroke-width="0.10mm"/> <line x1="15" y1="0" x2="15" y2="460" stroke="blue" stroke-width="0.10mm"/> <line x1="20" y1="0" x2="20" y2="460" stroke="blue" stroke-width="0.10mm"/> </g> <g class="xy"> <rect x="-3" y="-3" width="466" height="466" fill="none" stroke="green" stroke-width="0.10mm"/> </g> </svg>
- bei xslt-Funktionen / Variablen / Regex
Ein Tip wo ich suchen muss genügt mir, bin ein bisschen aus der Übung mit xslt.
Viele Grüsse
Karl_Heg
Comment