Есть вопрос) С помощью Kineticjs надо создать цветочек, у которого при нажатии на лепестки меняется их цвет.
function GETflower()
{
var group = new Kinetic.Group();
var box1=new Kinetic.Circle(
{x:140,
y:140,
radius: 20,
fill: "blue",
stroke: "black",
strokeWidth: 1
});
group.add(box1);
var box2=new Kinetic.Circle(
{
x:100,
y:140,
radius: 20,
fill: "blue",
stroke: "black",
strokeWidth: 1
});
group.add(box2);
var box3=new Kinetic.Circle(
{
x:140,
y:100,
radius: 20,
fill: "blue",
stroke: "black",
strokeWidth: 1
});
group.add(box3);
var box4=new Kinetic.Circle(
{x:180,
y:140,
radius: 20,
fill: "blue",
stroke: "black",
strokeWidth: 1
});
group.add(box4);
var box5=new Kinetic.Circle(
{x:140,
y:180,
radius: 20,
fill: "blue",
stroke: "black",
strokeWidth: 1
});
group.add(box5);
return group;
}
Вот собственно 4 лепестка и центр я создал, как далее к ним обращаться чтобы они меняли цвет?
Вот например даже функция для случайного цвета, но как их связать теперь?
function funccolor () {
var s=Math.random()*5;
if(s==0) return 'black';
if(s<=1) return 'green';
if(s<=2) return 'blue';
if(s<=3) return 'yellow';
if(s<=4) return 'white';
if(s<=5) return 'red';
}
Заранее признателен...