كيف اكتب كود يرسم مسجد

Huda Abdulrahman · 20 يونيو 2019

كيف ارسم جامع او مسجد بكتابة كود في مادة جراف

Huda Abdulrahman · 20 يونيو 2019

اسم البرنامج eclipse ولغة الجافا

Huda Abdulrahman · 21 يونيو 2019

@Entesar ElBannaاسم البرنامج eclipse ولغة الجافا

Hamada Sayed · 22 يونيو 2019

ممكن بالjavascript في صفحه ويب

<!doctype>
<html>
<head>
<title>Drawing a mosque</title>
<style>
</style>
</head>
<body dir="">
<canvas id="cnvs" style="width:100%;height:100%;background:green;">
</canvas>
<script>
function drawcol(ctx, x, y, w, h){
ctx.strokeRect(x, y, w, h);
ctx.beginPath();
ctx.moveTo(x+w/2, h-w+y);
ctx.lineTo(x, h+y);
ctx.moveTo(x+w/2, h-w+y);
ctx.lineTo(x+w, h+y);
ctx.stroke();
ctx.fillStyle="#fff";
ctx.beginPath();
ctx.arc(x+w-w/4, h-w+y-w/2, w/2, 0, 2* Math.PI);
ctx.fill();
ctx.fillStyle="black";
ctx.beginPath();
ctx.arc(x+w-w/4+w/10, h-w+y-w/2-w/10, w/2, 0, 2 * Math.PI);
ctx.fill();
}

function draw(){
var c = document.getElementById('cnvs');
var w=c.width, h=c.height;
   var ctx=c.getContext('2d');
   var mw=w/10, mh=h/10;

   ctx.fillStyle="black";
   ctx.strokeStyle="#fff";
   ctx.fillRect(0, 0, w, h);
   ctx.translate(w/2, h/2+mh*4);
   ctx.strokeRect(-mw*3, 0, mw*6, -mh*3);
   ctx.strokeRect(-mw, 0, mw*2, -mh*1.5);
   drawcol(ctx, -mw/2, -mh*3, mw, -mh*1.6);
   drawcol(ctx, -mw*4, 0, mw, -mh*5);
   drawcol(ctx,mw*3, 0, mw, -mh*5);
}
draw();
</script>
</body>
</html>