[طلب] مساعده بعمل كود بال HTML 5 canvas
 

السلام عليكم ورحمة الله وبركاته

لدي طلب واتمنى ان يكون بسيط وحاليا انا مبتداء وخبرتي بسيطه جدا في ال canvas

اريد عمل كود يقوم برسم عدة دوائر إعتمادا على ال revision number للمشروع

ويقوم بعمل خطوط تصل بين الدوائر

الكود الذي قمت بعمله يقوم بعمل دوائر ولاكن لأظن انها الطريقه الصحيحه لعمله

وهذا هو الكود :

رمز Code:





body {
margin: 0px;
padding: 0px;
}








stroke: 'black',
strokeWidth: 1
});

var revNumi = new Kinetic.Text({
x: circlei.getX()-(circlei.getRadius()/2),
y: circlei.getY()-8,
text: 'Rev#',
fontSize: 12,
fontFamily: 'Calibri',
align: 'center',
fill: 'black'
});

var circle2 = new Kinetic.Circle({
x: i*50,
y: i+screen.height/2,
radius: 20,
fill: 'blue',
stroke: 'black',
strokeWidth: 1
});

var revNum2 = new Kinetic.Text({
x: circle2.getX()-(circle2.getRadius()/2),
y: circle2.getY()-8,
text: 'Rev#',
fontSize: 12,
fontFamily: 'Calibri',
align: 'center',
fill: 'black'
});



// add the shape to the layer
layer.add(circlei);
layer.add(revNumi);
layer.add(circle2);
layer.add(revNum2);
}

// add the layer to the stage
stage.add(layer)



</div>