Wie bearbeite ich dieses SVG?

-1

Ich bin ziemlich neu in SVG-Codes, also habe ich eine einfache Frage. . Auf meiner Seite ich diesen svg Code verwenden müssen (natürlich mit einigen Arten, aber das ist jetzt nicht wichtigWie bearbeite ich dieses SVG?

<svg viewBox="0 0 40 100" preserveAspectRatio="none"> 
     <polygon points="0,0 40,0 40,100 0,60" /> 
    </svg>

Jetzt sieht es wie folgt aus:

Here

Aber was ich will . Jetzt

es ist die rechte Seite, die länger ist, aber ich möchte auf die linke Seite länger ich denke, es wird nicht schwer sein, es zu lösen, aber ich weiß wirklich nicht,

Danke!

Quelle

2016-07-20 shitwithcode

Wenn Sie sich nicht für technische Details interessieren, verwenden Sie CSS: 'transform: rotateX (180deg)'. [Mehr über CSS-Transformationen.] (Http://www.w3schools.com/cssref/css3_pr_transform.asp) – TricksfortheWeb

routeY hat für mich funktioniert, vielen Dank! – shitwithcode

Ah, ja, bedeutete rotierenY, tut mir leid. – TricksfortheWeb

Schalten Sie einfach die y-Koordinaten der letzten 2 Datenpunkte um.

<svg viewBox="0 0 40 100" preserveAspectRatio="none"> 
     <polygon points="0,0 40,0 40,60 0,100" /> 
</svg>

Quelle

2016-07-20 23:15:28

Antwort

Verwandte Themen