Ik ben bezig met het svg-formaat eens te bekijken, en ik zit met hetvolgende:
Het handige aan een svg-image is -althans zo begrijk ik het- dat je afbeelding, onafhankelijk van de dimensions, een mooi beeld kan geven. zo kan je bvb als volgt een circle toevoegen:
<circle cx="50%" cy="50%" r="25%" fill="red" />
Deze circle zal altijd centraal staan, ongeacht de hoogte en breedte van de image.
Ik wil echter slechts een gedeelte van een circle toevoegen, bijvoorbeeld slechts 60 graden van deze circle. Het enige wat ik tot nu toe vond is clipping aan de hand van een path, maar daarvoor moet je absolute punten aan toevoegen, en geen procenten. Dit heeft als gevolg dat als de image groter of kleiner wordt gemaakt, de clipping niet meer correct gebeurt. Hoe kan ik ervoor zorgen dat dit wel onafhankelijk wordt van het formaat van de image?
Het handige aan een svg-image is -althans zo begrijk ik het- dat je afbeelding, onafhankelijk van de dimensions, een mooi beeld kan geven. zo kan je bvb als volgt een circle toevoegen:
<circle cx="50%" cy="50%" r="25%" fill="red" />
Deze circle zal altijd centraal staan, ongeacht de hoogte en breedte van de image.
Ik wil echter slechts een gedeelte van een circle toevoegen, bijvoorbeeld slechts 60 graden van deze circle. Het enige wat ik tot nu toe vond is clipping aan de hand van een path, maar daarvoor moet je absolute punten aan toevoegen, en geen procenten. Dit heeft als gevolg dat als de image groter of kleiner wordt gemaakt, de clipping niet meer correct gebeurt. Hoe kan ik ervoor zorgen dat dit wel onafhankelijk wordt van het formaat van de image?