PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
P

svfg path omgekeerd lukt niet

Door Paul Weiss op 09-03-2024 15:42
2.946 views
Hallo iedereen. Ik heb op dit moment totaal geen kennis van een path aanmaken binnen svg
Onderstaande heb ik ergens vandaan gehaald. Nu wijst de pijl dus naar beneden. Ik wil echter bereiken dat deze naar boven wijst! Ik ben er al even mee bezig. maar kom er niet echt aan uit. Weet iemand wat ik in de path moet aanpassen om dit voor elkaar te krijgen?

Onderstaande de code 

 

<style>
.divider {
  width: 100%;
  height: 8vh;
  /* fill: grey; */
  fill: var(--fillsvg);
}</style>

<html>
<svg style="--fillsvg: yellow;" class="divider" viewBox="0 0 100 100" preserveAspectRatio="none">
  <path d="M0 0 L50 100 L100 0 Z"></path>
</svg>
</html>
P Paul Weiss
09-03-2024 17:31
bedankt. Daar had ik al op gezocht en geprobeerd. Maar de meest zijn polygon en die kan ik niet integreren waar ik het voor nodig heb. Bovendien kom ik er ook niet echt aan uit op dit moment
P Paul Weiss
09-03-2024 17:36
ja die was ik tegengekomen. Maar ik kom er niet aan uit om een pijl naar boven te krijgen.

[size=xsmall]Toevoeging op 09/03/2024 17:42:52:[/size]

maar ik duik er nog eens in. kom er op een gegeven moment wel aan uit ga ik vanuit. bedankt in ieder geval
Ozzie PHP
09-03-2024 22:09
Voeg gewoon 2 regeltjes toe aan je css. ;-)

-webkit-transform: scaleY(-1);
transform: scaleY(-1);


<style>
.divider {
  width: 100%;
  height: 8vh;
  /* fill: grey; */
  fill: var(--fillsvg);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
</style>
P Paul Weiss
09-03-2024 22:47
oh super bedankt. daar ben ik echt mee geholpen.

Reageren

Inloggen om te reageren