گرافیک و ترسیم اشکال در html

گرافیک و ترسیم اشکال در html

در جلسه بیست و دوم آموزش جامع html سایت بیست آموز به تشریح گرافیک و ترسیم اشکال در html می پردازیم.

امروزه با رشد کیفی برنامه نویسان ، از بحث گرافیک و ترسیم اشکال در html استفاده زیادی در طراحی سایت های اینترنتی می شود.

البته لازم به ذکر است که بحث گرافیک و ترسیم اشکال در html بحث بسیار گسترده ای می باشد و در این جلسه از دوره آموزش html ، فقط مقدماتی از مبحث گرافیک و ترسیم اشکال در html تقدیم شما می گردد.

استفاده از تگ های گرافیکی در html باعث می شود که طرح ها ترسیمی سبک تر و منعطف تر از طرح های ایجاد شده با برنامه ها و ابزارهای دیگر باشند.

جهت ترسیم اشکال در html  ، از دو تگ canavs و svg استفاده می شود که در ادامه به تشریح عملکرد این دو تگ پرداخته خواهد شد.

تشریح گرافیک و ترسیم اشکال در html

بخش اول -تشریح عملکرد و کار تگ canvas

  • کاربرد تگ canvas
  • تشریح عملکرد و کار تگ canvas
  • نحوه ایجاد و ترسیم طرح های مختلف با تگ canvas
  • ارتباط تگ canvas با جاوااسکریپت
  • نحوه پشتیبانی مرورگرهای مختلف از تگ canvas
  • نحوه ترسیم خط با تگ canvas
  • نحوه ترسیم دایره با تگ canvas
  • نحوه ترسیم متن با تگ canvas
  • نحوه ترسیم متن توخالی با تگ canvas
  • نحوه ترسیم اشکال با رنگ بندی gradient یا شیب دار با تگ canvas
  • نحوه ترسیم و اضافه کردن تصاویر با تگ canvas
درحال بارگذاری...

بخش دوم – تشریح تگ باز و بسته ی <svg></svg>

  • کاربرد تگ svg در ترسیم اشکال صفحات وب
  • نحوه استفاده از تگ svg
  • تفاوت های اساسی تگ های svg و canvas در ترسیم اشکال گرافیکی در html
  • ارتباط تگ svg با زبان xml
  • نحوه پشتیبانی مرورگرهای مختلف از تگ svg
  • ارتباط تگ svg و canvas از رزولوشون سیستم
  • نحوه ترسیم شکل دایره با تگ svg
  • نحوه ترسیم شکل چهار ضلعی با تگ svg
  • نحوه ترسیم شکل چهارضلعی با گوشه های نرم با تگ svg

هشدار-اصلی-فیلم

درحال بارگذاری...