• 0

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

ممكن بال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>

Screenshot_٢٠١٩٠٦٢٢-١٩٣٦١٤.png

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • -1

أهلًا @Huda Abdulrahman

هل يمكنك تزويدنا باسم البرنامج ولغة البرمجة المطلوب الإستعانة بها ؟؟

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن