Permalänk
Medlem

Rita direkt på en hemsida?

Precis som den dåliga rubriken, jag vill göra en hemsida där man kan rita på något sätt och sedan sparas bilden på sidan. Jag är inte världens mest erfarna weddesigner så undra om det finns något enkelt sätt att lyckas med det.

Kanske något man snabbt och enkelt kan slänga ihop med dreamweaver, äger själv domäner och kan hosta själv. Vet helt enkelt inte var jag ska starta.

Permalänk
Medlem

låter som du vill skriva en flash app. Tror iofs det kan vara möjligt i javascript oxå, men de flesta brukar göra de i flash

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Robbaz
Precis som den dåliga rubriken, jag vill göra en hemsida där man kan rita på något sätt och sedan sparas bilden på sidan. Jag är inte världens mest erfarna weddesigner så undra om det finns något enkelt sätt att lyckas med det.

Kanske något man snabbt och enkelt kan slänga ihop med dreamweaver, äger själv domäner och kan hosta själv. Vet helt enkelt inte var jag ska starta.

En webbläsare kan bara presentera HTML-kod. Alltså om du har tänkt att göra detta utan Silverlight, Flash, Java-applet eller liknande så måste du använda Javascript. Javascript kan endast påverka elementen på sidan, alltså div:ar och liknande. Du måste alltså rita en pixel med en div {height: 1px; width 1px} och en linje som div { height: 1px; width: 10px}, etc.

Det är fullt möjligt, det är bara mycket att göra. Göra alla verktyg och färger. Sedan skall hela den ritade "bilden" serialiseras och skickas till din server som tolkar koordinaterna och "objekten" som har ritats och som sedan ritas ut och sparas till en riktig bild.

Jag kan säga redan nu att det är riktigt jobbigt att göra detta i Javascript om du inte använder något bibliotek. Exempelvis: En diagonal linje består av x antal div:ar som hakas fast i varandra visuellt. Cross browser-stödet blir jobbigt att fixa själv.

Kort och gott, ett hästjobb om du ska göra detta från scratch.

Du kan inte göra detta client-side utan Flash etc.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Permalänk
Medlem
Permalänk

Flex är nog absolut lättast och smidigast, här har du ett exempel (med källkod, inte många rader): http://www.jamesward.com/2010/03/22/flex-paint-updated-to-fle...