Jak stworzyć taką aplikację. Opcje

[RosheD]

Witam bardzo serdecznie (IMG:style_emoticons/default/smile.gif) Czuje się już sławny na tym forum po przez tyle zadawanych pytań (IMG:style_emoticons/default/smile.gif) .
Więc jak stworzyć aplikację internetową która na przykład będzie zmieniała na obrazku kolor farby na ścianie po przez wybraną opcje?
Myślałem nad tym i jedyne co mi przychodzi na myśl to wycięcie tej ściany w photoshopie jako 2 obrazki. Później w css zrobić tak aby były idealnie takie same i za każdym razem gdy ktoś wybierze daną opcje wczyta dany obrazek bez refresh dzięki ajax. Ale czy da się to zrobić łatwiej bez konieczności własnoręcznego kolorowania ściany w photoshopie do każdej możliwości ?

[RosheD]

Ok rozumiem. A teraz jak są poukładane cordy w area ? Co jest co? Gdzie tu moveTo?

Daj my na to że jest jeden area do zakodowania pod canvas

[HTML] pobierz, plaintext 
<area shape="poly" coords="67, 295, 68, 331, 81, 334" />
[HTML] pobierz, plaintext 

A więc :

window.onload = function () {
var landscape_canvas = document.getElementById("landscape1");
var ctx = landscape_canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, 600, 450);
ctx.beginPath();
ctx.fillStyle = "black";
ctx.moveTo(75, 25);
ctx.quadraticCurveTo(67, 295, 68, 331);
ctx.quadraticCurveTo(81, 334);
ctx.stroke();
ctx.beginPath();
}

W ten sposób miało by to wyglądać ? Co jeśli zamiast 4 pozycji zostały 2? Jak je wprowadzać?

Ten post edytował RosheD 5.01.2014, 11:18:53