اغلب سایت‌ها و برنامه‌های جدید نیاز به نمایش گرافیک‌ها را دارند. در حالی که نمایش عکس‌های ثابت می‌تواند به سادگی از طریق استفاده از المان <img> استفاده شود، یا با تنظیم عکس پشت زمبنه المان‌های HTML با استفاده از خصوصیت background-image . شما اغلب می‌خواهید که عکس‌ها را آزاد ایجاد کنید، یا بعد از این دستکاری کنید. این مقاله بینشی برای نحوه چگونگی انجام آن را برای شما فراهم می‌کند.
گرافیک‌های 2D
- ترسیم گرافیک‌ها با بوم نقاشی
-
راهنمای مقدماتی برای استفاده از المان
<canvas>جهت رسم گرافیک‌های 2D. - SVG
- گرافیک برداری مقیاس‌پذیر (SVG) به شما اجازه می‌دهد تا از خطوط، بوم نقاشی، و دیگر اشکال هندسی برای نمایش گرافیک‌ها استفاده کنید. با جلوگیری از استفاده از نقشه بیت‌ها، شما می‌توانید تصاویری با هر مقیاس ایجاد کنید.
گرافیک‌های 3D
- WebGL
- یک راهنما برای شروع با WebGL، APIهای گرافیکی 3D برای وب است. این تکنولوژی به شما اجازه استفاده از OpenGL ES استاندارد در محتوی وب را می‌دهد.
تصویر
- استفاده از صدا و تصویر HTML5
- تصویر تعبیه شده در اسناد HTML و کنترل بازپخش آن.
- WebRTC
- RTC درWebRTC به معنای ارتباطات بلادرنگ است، تکنولوژی است که به اشتراک گذاری جریان صوت/تصویر بین مرورگرهای سرویس گیرنده ها را امکان پذیر می کند (جفت ها).