Er is geen CSS ondersteuning.
Bezoekers met een IE-browser zien dus helemaal niets... (buiten deze tekst).
Als Chrome deze pagina perfect gerenderd zou hebben, zouden we IE ook
ondersteuning gegeven hebben. Het viel een beetje tegen dat Chrome dit
keer een kleine bug ergens heeft zitten. Het werkt wel maar komt een
"beetje beverig" op het scherm. Kijk zelf maar. Deze pagina zetten we alleen
op de site om jou de gelegenheid te geven om de code eens goed te bekijken.
De mensen die Opera, Chrome, Safari of Firefox gebruiken, zullen gecharmeerd zijn
van de eenvoud van deze procedure. Met een minimale hoeveelheid code
wordt er met de canvas-mogelijkheden (van de moderne browsers) een
"gelikte" procedure gemaakt. Wij wachten af tot Chrome voor wat betreft
deze canvas-procedure helemaal correct werkt en dan zullen we naar aanleiding
daarvan kijken hoe we IE "aan de praat" gaan krijgen. Dus nog even, om
misverstanden te voorkomen, duidelijk gezegd:
Deze code niet gebruiken op een productie-site. Als alle bugs opgelost zijn
staat deze procedure gewoon op deze pagina (werkend en wel) en staat
er in plaats van deze uitleg gewoon een beschrijving van hoe je de
procedure kan inplementeren. Een aparte broncode-pagina is er ook niet.
Gebruik jouw rechtermuis-knop om de broncode van deze image transformation zichtbaar te maken.
Natuurlijk hebben we op de dns5 een perfect werkende (cross-browser) versie van dit script. Maar die is opgebouwd uit standaard (javascript)bouwstenen, die al jaren lang de overbrugging vormen tussen alle browsers. En dat heeft natuurlijk niets met html5 te maken (al valideert die procedure uiteraard wél op html5). Klik voor het transform-voorbeeld hier.
cache 25-08-2010