SVG vs Canvas vs ?

Jag håller på en "webbapp" för att styra lampor och liknande i hemmet.
Tanken är att man ska klicka på det rummet man vill styra, men då behövs en snygg planskiss.
Hur det ser ut nu: http://pajn.se/RAXA/panel.php

Pappa har gjort en för vårt hus i microsoft visio, men eftersom jag tänkte släppa programmet för andra skulle det vara smutt om man kunde rita en direkt i webläsaren.

Det finns ju lite olika sätt att rendera bilder med kod. De sätten jag vet om är SVG och Canvas.
Det känns som Canvas är lättast, smidigast och ger bäst resultat i det här fallet.
Men jag kan ju ha fel, jag har inte använt canvas ö.h.t. och svg filerna jag använder nu är ju gjorda i visio där jag bara byter ut färgerna.

Men jag vill iaf. kunna rita väggar, fönster, lite inredning m.m.
Jag vill kunna ändra på en redan ritad sak (tex. längd eller tjocklek).

Dessutom vill jag kunna spara det som antingen svg, eller vad nu canvas har för format. För att kunna rendera bilden igen samt kunna ändra saker (tex. färg) på en redan sparad bild.

Vilket format tror ni är bäst för det jag vill göra?
Hur kommer jag igång bäst?

Något annat jag inte tänkt på?
Något helt annat?

Stort tack på förhand!

Sorry för lösenordet, det är borta nu.

Så du menar att jag inte kommer kunna spara "bilden" om jag kör canvas?
Att det är en html container som man ritar i med hjälp av javascript vet jag, just därför jag tyckte det verkade smidigast.

>Vad du vill är alltså att användaren ska kunna rita upp sitt hus och sedan spara det som en bild fil?
Ungefär. Fast inte som en png eller jpeg utan som svg eller liknande eftersom "bilden" måste kunna ändras igen. Tex. för färgschemat som du nu ska kunna se under Settings>Theme

EDIT: till alla som går in på sidan, var schyssta. Det är ingen "demo" utan ändringar sparas, självklar får ni ändra lite men var som sagt schyssta.

EDIT2: Det är bra om det går att fånga klick event också, idag gör jag det med överliggande divs men alla rum är ju inte fyrkantiga så...

EDIT3: Det gick att gör länkar i svg också Då ska jag nog köra på svg och antingen försöka använda bitar av svg-edit eller skriva en helt egen. Tack för hjälpen!

Även fast frågan är löst så tar jag gärna emot tips, bra att veta och liknande

Jag har gjort en sändare an en pic (en microprocessor) och en 433MHz sändarmodul som styr vanliga nexa mottagare.

Väldigt enkelt då det bara är sändaren som behöver byggas

Den klarar även att ta emot signaler från andra nexa sändare om man vill att nån knapp ska fungera på nått annat sätt än på/av. Tex. växling mellan 25%/40%/70% ljustyrka.

Kul
Jag använder: http://www.electrokit.se/moduler-radio-hf-rf-link-433mhz-sand...
10 kr billigare än vad en modul kostar på kjell och jag tycker kretskortet ser lika dant ut (förutom färgen då). Dem funkar iaf. mycket bra, räckvidd vill man ju alltid ha mer av men den täcker iaf. hela huset även när sändaren är placerad på övervåningen i ett rum precis vid gaveln (inte huset på bilden, dit flyttar vi först i augusti), alltså väldigt o-optimal placering. Sändaren ska ju dessutom gå att köra på 12V, jag kör den på 5V så räckvidden borde gå att öka.

Jag delar gärna med mig av kod, även om den inte är speciellt snygg. Jag har funderat på en omskrivning av hemsidan och iaf. en uppsnyggning av pic koden, men får se när det bli, det är ju roligare att lägga till mer funktioner :).