اشکال پایه در SVG

SVG شامل اشکال مستطیل، خط مستقیم، دایره، بیضی، چند ضلعي و چند خطی می باشد که در این مطلب به معرفی این اشکال پرداخته و با نحوه ساخت آنها آشنا می شویم.

ویژگی transform در SVG

عناصر SVG نیز مثل عناصر HTML می توانند توسط توابع rotate، translate، scale و غیره دچار تغییر شکل، مکان و دگرگونی های مختلف شوند.

سیستم مختصات SVG

در این مطلب به سراغ سه تا از مهمترین ویژگی های SVG به نام های viewBox، viewport و preserveAspectRatio می رویم.

ساختاردهی در SVG

SVG برای سازماندهی و ساختاربندی سند، روش مخصوص به خود را دارد. این کار در SVG با عناصر مخصوصی انجام می شود که این عناصر به ما اجازه می دهند تا اشیا را تعریف، گروه بندی و یا بصورت منبع در بیارویم.

سند SVG

در بیشتر مواقع برای طراحی یک چیز توسط SVG از ابزارهایی مثل Sketch یا Adobe Illustrator و امثال آنها استفاده می کنیم. معمولا فایل svg که این ابزارها به عنوان خروجی به ما می دهند خیلی تمیز نیست و موارد زیادی دارد که می توانند حذف شوند. (مخصوصا نسخه های قدیمی این نرم افزارها)

استفاده از SVG

وقتی صحبت از SVG در وب می شود چندین راه برای استفاده از آن وجود دارد که ما می توانیم با توجه به نیاز و شرایط بهترین آنها را انتخاب کنیم.

svg چیست

SVG چیست و چرا باید از آن استفاده کنیم؟

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

کاربردهای انتخابگر target

در این مطلب به بررسی مثال هایی می پردازیم که تا الان امکان ساخت آنها فقط با استفاده از جاوااسکریپت وجود داشت. و نشان خواهیم داد که می توان با استفاده از انتخابگر target در سی اس اس آنها را پیدا سازی کرد.

ساختار HTML

تا الان درباره عناصر مختلفی بحث کردیم. در این مطلب در مورد گروه بندی این عناصر و ساختار یک صفحه وب صحبت می کنیم.

فرم ها

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