HTML:SVG

از ویکی‌کد
(تغییرمسیر از Svg در ایچ تی ام ال)
پرش به ناوبری پرش به جستجو

{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|clear=right|limit=2}}

<span class="error">Expansion depth limit exceeded

  • SVG مخفف بردارهای گرفیکی مقیاس پذیر {{Expansion depth limit exceeded|Scalable Vector Graphics}} استExpansion depth limit exceeded
  • SVG برای تعریف گرافیک در وب استفاده می‌شود
  • SVG توصیهٔ W3C است

<span class="error">Expansion depth limit exceeded عنصر {{Expansion depth limit exceeded|code=<svg>|lang=html+php|class=|id=|style=color: #FF9933;}} در HTML یک ظرف {{Expansion depth limit exceeded|Container}} برای گرافیک SVG است.

SVG متدهای مختلفی برای رسم مسیرها، کادرها، دایره‌ها، متن و تصاویر گرافیکی دارد.

<span class="error">Expansion depth limit exceeded اعداد در جدول زیر نشان دهنده اولین نسخه مرورگرها هستند که بطور کامل از عنصر {{Expansion depth limit exceeded|code=<svg>|lang=html+php|class=|id=|style=color: #FF9933;}} پشتیبانی می‌کنند. {{Expansion depth limit exceeded|opera=۱۰٫۱|safari=۳٫۲|firefox=۳٫۰|Edge=۹٫۰|Chrome=۴٫۰}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}} <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=tryhtml_svg_circle|dars=html}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}}

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=tryhtml_svg_rect|dars=html}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}}

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=tryhtml_svg_rect_round|dars=html}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}} <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=tryhtml_svg_star|dars=html}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}} <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=tryhtml_svg_logo|dars=html}}

<span class="error">Expansion depth limit exceeded SVG یک زبان برای توصیف گرافیک‌های دوبعدی در XML است.

Canvas گرافیک دو بعدی در زمان اجرا (با جاوا اسکریپت) ترسیم می‌کند.

SVG برپایه XML است که یعنی همهٔ عنصرها در داخل SVG DOM موجود هستند. می‌توان کنترل کننده‌های رویداد{{Expansion depth limit exceeded|Event Handlers}} جاوا اسکریپت را برای یک عنصر اضافه کرد.

در SVG هر شکل ترسیم شده بعنوان یک شیء در نظر گرفته می‌شود. اگر ویژگی‌های یک شیء SVG تغییر کند، مرورگر می‌تواند شیء را بطور خودکار مجدداً ترجمه کند {{Expansion depth limit exceeded|re-render}}.

Canvas پیکسل به پیکسل re-render می‌شود. در canvas به وقتی که گرافیک ترسیم شد، توسط مرورگر فراموش می‌شود. اگر نیاز به تغییر مکان آن باشد، کل پرده شامل همهٔ اشیایی که توسط گرافیک پوشش داده شده‌اند، باید مجدداً ترسیم شود.

<span class="error">Expansion depth limit exceeded جدول زیر برخی از تفاوت‌های مهم بین Canvas و SVG را نشان می‌دهد:

Canvas SVG
  • وابسته به resolution (وضوح تصویر)
  • بدون پشتیبانی از event handlerها
  • توانایی‌های render کردن متن ضعیف
  • می‌توان تصویر نهایی را بصورت {{Expansion depth limit exceeded|.png}} یا {{Expansion depth limit exceeded|.jpg}} ذخیره کرد
  • بسیار مناسب برای بازی‌های با گرافیک قوی {{Expansion depth limit exceeded|Graphic-intensive}}
  • وابسته به resolution
  • پشتیبانی از event handlerها
  • مناسب‌ترین برای برنامه‌های کاربردی با نواحی rendering بزرگ {{Expansion depth limit exceeded|Google Maps}}
  • rendering کُند در صورت پیچیدگی (هرچیزی که از DOM زیاد استفاده کند، کُند خواهد شد)
  • نامناسب برای کاربردهای بازی

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded|برای یادگیری بیشتر اِس‌وی‌جی، به آموزش SVG ما مراجعه کنید.|reminder}}

{{Expansion depth limit exceeded|قبل=HTML:بوم نقاشی|بعد=HTML:چند رسانه‌ای}} {{Expansion depth limit exceeded}} {{Expansion depth limit exceeded|title={{Expansion depth limit exceeded| {{{Expansion depth limit exceeded}}} | SVG در HTML5 - ویکی‌کد}}

|keywords=Svg در اچ تی ام ال,Svg در اچ‌تی‌ام‌ال,Svg در ایچ‌تی‌ام‌ال,Svg در زبان نشانه‌گذاری ابرمتنی,Svg در HTML,Svg در html,Svg در اچ ت ام ال,Svg در اِچ‌تی‌اِم‌اِل,Svg در اِچ تی اِم اِل,Svg در ایچ تی ام ال,Svg در زبان نشانه گذاری ابرمتنی,SVG در HTML5,SVG چیست؟,عنصر svg در HTML,دایره SVG,مستطیل با گوشه های گِرد SVG,لوگوی SVG,تفاوت های بین SVG و Canvas,مقایسه Canvas و SVG,HTML SVG Graphics,What is SVG?,The HTML svg Element,Browser Support,SVG Logo,Differences Between SVG and Canvas,Comparison of Canvas and SVG,SVG Tutorial
|description= SVG مخفف بردارهای گرفیکی مقیاس پذیر (به انگلیسی: Scalable Vector Graphics) است. SVG برای تعریف گرافیک در وب استفاده می‌شود. SVG توصیهٔ W3C است...

}}

{{Expansion depth limit exceeded}}