text around circle path
script om tekst langs een gebogen lijn te laten lopen

home | index | menu | help

Er is geen CSS ondersteuning.

IE gebruikt zijn native VLM en alle andere browsers regelen de text-path met svg. Daarom moet je buiten de broncode van de text-path-procedure ook nog even een svg file maken en daar deze code in plaatsen. In dit voorbeeld heb ik de naam svg.svg gebruikt, maar je kan natuurlijk de file elke naam geven die je wilt zolang je er in de broncode maar naar verwijst. De svg-file is helemaal standaard. Als je wijzigingen in de kleuren of gedragingen wilt aanbrengen kan je gewoon even "googelen" om de juiste code uit te pluizen. Voor het IE-gedeelte kan ik je alleen maar aanraden om even goed te kijken welke code voor IE bestemd/bedoeld is. Natuurlijk de "if IE's" en alles wat verder met de VLM te maken heeft. Je kan de tekst-uitlijning maken zoals je wilt. Als je in de svg even deze code in de plaats van de oude code doet:

d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"

en de font-size even op 20 zet, en ook nog de tekst een flink stuk langer maakt, zie je wat je eventueel met deze code kan maken. De sky is the limit...

cache 14-06-2010