آموزش طراحی وب

رسم مقاطع مخروطی و اشکال هندسی توسط css و svg

امروز با هم پیرامون رسم انواع مقاطع مخروطی و برخی از اشکال از مبحث هندسه تحلیلی در برنامه نویسی تحت وب آشنا خواهیم شد.

رسم مقاطع مخروطی و اشکال هندسی توسط css و svg

با عرض سلام خدمت تمام کاربران عزیز مدرسه مجازی ایرانیان

امروز با هم پیرامون رسم انواع مقاطع مخروطی و برخی از اشکال از مبحث هندسه تحلیلی در برنامه نویسی تحت وب آشنا خواهیم شد.

مقطع مخروطی ، به فصل مشترک یک صفحه با دو مخروط اطلاق می شود.که اشکال مختلفی پس از برخورد ایجاد می شوند.معادله ی ضمنی تمام مقاطع مخروطی بصورت زیر است:

امروز اگر خدا بخواهد با هم رسم انواع اشکال مقاطع مخروطی در css و svg را فرا می گیریم.

مقطع مخروطی

رسم دایره

ساده ترین و معروفترین مقطع مخروطی دایره می باشد که هم فرمول ریاضی و ضمنی آن بسیار ساده است و هم کد css آن :

معادله ی ضمنی دایره همونطور که در کد مشاهده می کنید x و y با هم برابر اند و r هم شعاع دایره می باشد.

رسم بیضی

رسم بیضی هم بسیار ساده می باشد.کافیه که از کد زیر استفاده کنید :

اگه دقت کنید متوجه می شوید که برای معادله ی ضمنی بیضی کافیه که متغییر های موجود در فرمول رو در کد وارد کنید تا بیضی مد نظرتون رو رسم کنید.

رسم هذلولی

هذلولی یکی دیگر از مقاطع مخروطی است که از دو قطعه متمایز تشکیل شده است.مکان هندسی تمامی نقاطی از یک صفحه که قدر مطلق تفاضل فاصله ی آنها از دو نقطه ثابت و متمایز در همان صفحه به نام کانون مقدار ثابتی باشد.

برای رسم همچین شکلی کافیه که کد زیر رو استفاده کنید :

 

رسم مخروط

البته مخروط جزء مقاطع مخروطی به شمار نمی آید ولی خب عیب نداره که رسم این رو هم یاد بگیریم :

رسم شش ضلعی

برای رسم شش ضلعی که برای رسم انواع ترکیبات کربنی در شیمی کاربرد دارد(هگزان ها) هم کافیه که کد زیر رو استفاده کنید:

در نهایت امیدوارم مطلبی مثمر ثمر برای شما عزیزان آماده کرده باشم.

منتشر شده در مدرسه مجازی ایرانیان

رضا نصرالهی

رضا نصرالهی - العبد

دیدگاه ۲

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین