bruge html5 canvas til at lave image

Du kan højreklikke på canvasset for at gemme det som en fil.

Ellers står der noget om det her du måske kan bruge :
http://www.nihilogic.dk/labs/canvas2image/

Jeg er ikke interesseret i at brugeren selv skal gemme et billede.

Så prøv og forklar det på en anden måde det du vil.
Eventuelt kom med link til siden.

Brugeren skal løse en opgave a la. "afsæt to punkter i et koordinatsystem". koordinatsystem er tegnet i et canvas.

Når brugeren har afsat to punkter submitter han til en server der returnerer en svarside.

Svarsiden skal vise hans svar som et koordinatsystem med hans to afsatte punkter samt de korrekte afsatte punkter.

Jeg kan godt lave en sådan svarside ved at tegne i et canvas. Men jeg vil hellere vise et billede i stedet for at bruge et canvas.

Årsagen er at min svarside nogen gange skal vise en rapport med respons på flere sådanne opgaver og så vil det være rart hvis man på serveren kan lave et "bedøm"-image til hver besvaret opgave.

Jeg håber jeg fik forklaret mig lidt tydligere denne gang.

<ole>

Du kan såmænd godt bruge et canvas, men du kan lige så godt lade være. Teknikken er fuldstændig den samme med den opgave, du skal løse. Du har jo koordinaterne - og så er det bare at vise dem, som du nu engang har besluttet dig for at vise dem  =)

/mvh
</bole>

Jeg vil gerne vise resultatet som et billede for at undgår for meget javascript.

Kan jeg lave et billede på serveren ved at skrive <img src="LavBilled.aspx?x=..."> ?

Jeg vil ikke hvordan man gemmer som en fil fra javascript.
Men jeg tænker det måske kan gøres med XMLHttpRequest.

Du kan overføre koordinaterne for et klik på et billede til serveren med HTML alene - helt uden JS:


Klik og check, hvad der ligger i $_GET['foo']  =)

På serveren kan du lave to prikker på et billede med GDLib, hvis du bruger PHP

Årsagen til at jeg bruger et canvas til at vise opgaven er at brugeren udover at afsætte punkter også skal se se noget dynamisk i canvas´et ved mouseover.

Jeg har fundet en mulig løsning på mit problem idet jeg ved at lave et image på formen <img src="LavBilled.aspx?x=..."> kan
generere det ønskede billede ved hjælp af funktioner i vb-bibliotekerne
:
Imports System.Drawing
Imports System.Drawing.Imaging

den måde jeg troede jeg skulle gøre det på var at lave lave et canvas om til et billede og så tilføje noget til det billede. Det tror jeg ikke længere på er muligt.

I skal have tak for jeres forsøg på at hjælpe mig, og hvis i lægger nogle svar får I point.

I princippet kan du aflæse hver pixel i canvas'et og uploade resultatet - men det er sjældent en hensigtsmæssig løsning.

Ellers tak, jeg samler ikke point  =)

Hvad blev løsningen?

Jeg bruger canvas til at vise koordinasystemet for brugeren.
Når brugeren bevæger musen over canvas følger et sigte-korn med musen. Brugeren kan så afsætte to punkter hvorved en streg tegnes. Jeg synes interaktionen med brugeren fungerer bedst med et canvas.

Når brugeren submitter viser jeg ikke et canvas men et billede som jeg laver på serveren og som udover koordanatsystem, brugerens afsatte punkter og linjen mellem disse også indeholder den korrekte linie.