Erster SVG-Versuch schlägt fehl bearbeitet von Jochen 12.11.2016 18:23 Hallo, schon am einfachsten Problem bin ich gescheitert. Ich wollte die franz. Nationalflagge blau-weiß-rot darstellen mit: ~~~html <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test-SVG</title> </head> <body> <h1>Test-SVG</h1> <svg> <style> .blau{ fill: blue; stroke: black; stroke-width: 3px; } .weiss{ fill: white; stroke: black; stroke-width: 3px; } .rot{ fill: red; stroke: black; stroke-width: 3px; } </style> <polyline class="blau" points="0,0 400,0 400,100 0,100 0,0"/> <polyline class="weiss" points="0,100 400,100 400,200 0,200 0,100"/> <polyline class="rot" points="0,200 400,200 400,300 0,300 0,200"/> </svg> </body> </html> ~~~ Heraus kam alles andere als eine Flagge!
Erster SVG-Versuch schlägt fehl bearbeitet von Matthias Apsel 12.11.2016 18:32 Hallo, schon am einfachsten Problem bin ich gescheitert. Ich wollte die franz. Nationalflagge blau-weiß-rot darstellen mit: ~~~html <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test-SVG</title> </head> <body> <h1>Test-SVG</h1> <svg> <style> .blau{ fill: blue; stroke: black; stroke-width: 3px; } .weiss{ fill: white; stroke: black; stroke-width: 3px; } .rot{ fill: red; stroke: black; stroke-width: 3px; } </style> <polyline class="blau" points="0,0 400,0 400,100 0,100 0,0"/> <polyline class="weiss" points="0,100 400,100 400,200 0,200 0,100"/> <polyline class="rot" points="0,200 400,200 400,300 0,300 0,200"/> </svg> </body> </html> ~~~ Heraus kam alles andere als eine Flagge!
nicht angemeldet nicht angemeldet
