برای ترسیم اشکال گوناگون گرافیکی در HTML از دو عنصر Canvas و SVG استفاده میشود
که هر کدام کاربردها و قابلیتهای جالب و متنوعی دارند.
در ادامه هرکدام از این برچسب های کارآمد را همراه با ویژگی هایشان معرفی خواهیم کرد.
برچسب Canvas مربوط به HTML برای ترسیم اشکال گرافیکی در یک صفحه وب استفاده میشود.
عنصر HTML Convas به منظور کشیدن گرافیک، از طریق برنامه نویسی (معمولا جاوا اسکریپت) استفاده می شود. این عنصر تنها یک ظرف برای گرافیک است. شما باید از کدنویسی برای رسم واقعی اشکال استفاده نمایید.
Convas چندین متد برای رسم مسیر، جعبه، دایره، متن، و اضافه کردن تصاویر دارد.
استفاده دقیق تر از کانواس نیاز به دانش جاوا اسکریپت دارد و داشتن دانش جاوا اسکریپت پیش نیاز این تگ است
SVG مخفف کلمه Scalable Vector Graphics (گرافیک برداری مقیاس پذیر) میباشد و برای تعریف گرافیک در وب سایت استفاده می شود.
تگ SVG که در HTML5 معرفی شده است، ظرفی برای گرافیک SVG است.
SVG دارای چندین متد برای رسم مسیر، جعبه، دایره، متن، و اضافه کردن تصاویر می باشد.
SVG زبانی برای توصیف گرافیک 2D در XML است.
Canvas گرافیک دو بعدی را به کمک JavaScript ترسیم میکند.
SVG مبتنی بر XML است به این معنی که هر عنصری در SVG DOM موجود است. شما میتوانید گرداننده رویداد جاوا اسکریپت را برای یک عنصر ضمیمه کنید.
در SVG، هر شکل کشیده شده به عنوان یک شی تلقی میشود. اگر ویژگی های یک شی SVG تغییر کنند، مرورگر می تواند به طور خودکار دوباره شکل را بارگزاری نماید.
آشنایی با تگ هایCanvas و SVG
آموزش استفاده از تگ SVG و نحوه استایل دهی به آن
آموزش اتریبیوت های SVG
با فرض به این که عزیزان همراه دانش جاوا اسکریپت ندارند آموزش کار با canvas ارائه نشد و به صورت آشنایی نام برده شد