محتوا
- 01. D3.js
- 02. نمودار. js
- 03. چارتیست
- 04. Britecharts
- 05. Taucharts
- 06. Two.js
- 07. Pts.js
- 08. Anime.js
- 09. PixiJS
- 10. Zdog
- 11. Snap.svg
چارچوب های Javascript می توانند طیف وسیعی از عملکردها را برآورده کنند. در اینجا ، ما قصد داریم برخی از کتابخانه ها را بررسی کنیم که به شما کمک می کنند گرافیکی خیره کننده ایجاد کنید.
این مرورگر چندین API و سطح طراحی با قدرت بالا را ارائه می دهد. قابل توجه ترین عنصر بوم و گرافیک برداری مقیاس پذیر (SVG) است. هر دوی این ویژگی ها اکنون تقریباً در همه مرورگرهای دسک تاپ و موبایل موجود است ، اما API های مورد نیاز برای استفاده از آنها سطح کمی دارند و "سطح پایین" معمولاً برای انجام کارهای ساده به کدهای خسته کننده و زائد زیادی تبدیل می شود.
از آنجا که نوشتن کد خسته کننده و زائد در لیست کارهایی که توسعه دهندگان معمولاً از انجام آنها لذت می برند ، حتی با بهترین ویرایشگر کد و بهترین لپ تاپ ها برای برنامه نویسی ، زیاد نیست ، خوشبختانه چندین کتابخانه در دسترس است که در تمام موارد مورد نیاز برای طراحی مرورگر به شما کمک می کنند.
در این مقاله ، برخی از گزینه های موجود را بررسی خواهیم کرد. ما محبوب ترین کتابخانه های JavaScript را کشف خواهیم کرد و در مورد نقاط قوت و ضعف آنها صحبت خواهیم کرد. ما همچنین قصد داریم در مورد برخی از پروژه های کمتر شناخته شده که برخی از نیازهای بسیار جالب توجه را برآورده می کنند ، سرزنش کنیم. نوعی که نمی دانید تا زمانی که به آنها احتیاج داشته باشید ، به آنها نیاز دارید. از ابتدا شروع می کنید؟ یک سازنده وب سایت برتر را امتحان کنید و در نظر بگیرید که کدام سرویس میزبانی وب برای شما مناسب است.
01. D3.js
D3.js رئیس بزرگ کتابخانه های گرافیکی JavaScript است. با بیش از یک میلیون بارگیری در هفته در npm ، کاملاً شناخته شده ترین و پر کاربردترین کتابخانه گرافیکی است. حتی صفحه ویکی پدیای خاص خود را دارد. و بیایید بپذیریم ، آیا این نیست که می دانید به زمان عالی رسیده اید؟
D3 شما را قادر می سازد از هر نوع تجسم داده را بسازید. شما فقط باید به صفحه نمونه های آن نگاهی بیندازید تا دنیای امکانات را ببینید. بهتر است ، اگر واقعاً می خواهید ذهن خود را به باد دهید ، از تجسم تعاملی شرلی وو در هر ردیف در موسیقی همیلتون دیدن کنید.
D3 ابزاری فراگیر است. این دارای انتخاب DOM ، قابلیت های AJAX و حتی یک مولد اختصاصی اعداد تصادفی است. هر جز component D3 ماژول Node خاص خود است که باید وارد شود. به عنوان مثال ، ماژول انتخاب d3-selection نامیده می شود. همچنین ماژول هایی برای آرایه ها ، اشکال ، رنگ ها ، کشیدن و رها کردن ، زمان و موارد دیگر وجود دارد.
قدرت D3 همراه با تجارت پیچیدگی است. منحنی یادگیری می تواند شیب دار باشد و کد همچنان می تواند کلامی باشد. ساختن چیزی به سادگی یک نمودار میله ای به شما نیاز دارد تا محور ، مقیاس ها ، کنه ها را به صورت دستی مونتاژ کنید و مستطیل هایی را که میله ها را نشان می دهد رسم کنید. توسعه دهندگان اغلب از درک سطح پایین مورد نیاز برای موثر بودن با D3 شکایت دارند.
این عمدتا به این دلیل است که ایجاد تجسم داده های پیچیده ، شما را مجبور می کند درک سطح پایینی از تجسمی را که می خواهید ایجاد کنید ، داشته باشید. D3 برای نمودارهای از قبل پخته شده بهترین گزینه نیست. برای آن ، چندین انتخاب دیگر وجود دارد که خیلی سریعتر شما را در چاله موفقیت می یابد.
D3 قادر به ارائه به بوم و SVG است. با این حال ، جادوی واقعی D3 در توانایی "اتصال داده" به گرافیکی است که تولید می کند. نموداری را در نظر بگیرید که با تغییر داده های ورودی تغییر می کند. با SVG ، هر مورد گرافیکی یک عنصر جداگانه است که می تواند انتخاب و به روز شود. این مورد با بوم امکان پذیر نیست و از آنجا که D3 اساساً در مورد تأمین تجسم داده است ، SVG معمولاً قالب خروجی ترجیحی است.
02. نمودار. js
Chart.js یک پروژه منبع باز برای ساخت نمودارهای قوی با JavaScript است. تفاوت بزرگ بین Chart.js و D3 این است که اگرچه تقریباً هر چیزی را با D3 می توانید بسازید ، Chart.js شما را به هشت نوع نمودار از پیش ساخته شده محدود می کند: خط ، میله ، پای ، قطب ، حباب ، پراکندگی ، مساحت و مخلوط. اگرچه به نظر محدود می رسد ، اما این همان چیزی است که برای شروع Chart.js ساده تر می کند. این امر به ویژه برای کسانی که در زمینه داده ها متخصص نیستند اما از چارت یک نمودار اساسی اطلاع دارند ، بیشتر صدق می کند.
نحو همه حول یک نوع نمودار ساخته شده است. شما یک نمودار جدید را روی یک عنصر بوم موجود مقدماتی می کنید ، نوع نمودار را تنظیم می کنید و سپس گزینه های نمودار را تنظیم می کنید. Chart.js فقط به بوم رندر می دهد. این مشکلی نیست زیرا همه مرورگرهای مدرن از عنصر بوم HTML پشتیبانی می کنند اما ممکن است برای توسعه دهندگانی که نیاز به پشتیبانی SVG دارند قطع شود.
این همچنین به معنای محدود بودن شما در انیمیشن های ممکن است. خارج از جعبه ، Chart.js از کلیه معادلات کاهش دهنده پشتیبانی می کند و انیمیشن ها با یک تنظیم خاص مشخص می شوند. اگرچه این امر دستیابی سریع و آسان به نمودار متحرک را آسان می کند ، نداشتن عناصر جداگانه SVG مانع از این می شود که بتوانید انیمیشن های پیچیده را با استفاده از انتقال و انیمیشن CSS3 انجام دهید.
بر خلاف D3 ، Chart.js مدولار نیست ، بنابراین برای دریافت پشتیبانی از همه توابع و انواع نمودارها فقط یک JavaScript شامل طول می کشد. این کار شروع کار را آسان می کند اما به این معنی است که دارایی شما می تواند بسیار بزرگتر باشد. این امر به ویژه در صورت نیاز به محورهای زمانی صادق است - Chart.js پس از آن به Moment.js نیاز دارد که 51 کیلو بایت پیمایش و زیپ است. ایجاد نمودار میله ای با Chart.js بسیار آسان تر از D3 است. با این حال ، سقفی وجود دارد که همراه با سادگی است. ممکن است متوجه شوید که محدودیت کاری که خارج از جعبه انجام می دهد را دارید. اغلب ، توسعه دهندگان با راه حل مانند Chart.js شروع می کنند و سپس در D3 فارغ التحصیل می شوند.
اگر سادگی Chart.js مورد توجه شما باشد ، گزینه بعدی را واقعاً دوست دارید: Chartist.
03. چارتیست
Chartist قصد دارد یک کتابخانه نمودارسازی ساده و کارآمد باشد که دارای ابعادی کوچک و شروع به کار باشد. همچنین به صورت پیش فرض پاسخگو طراحی شده است. این یک معامله بزرگتر از آن است که به نظر می رسد ، زیرا چارچوب هایی مانند D3 به طور خودکار اندازه نمودارها را تغییر نمی دهند اما توسعه دهنده نیاز به اتصال به رویدادها و طراحی مجدد گرافیک دارد.
Chartist همچنین در مقایسه با Chart.js ریز است. وزن آن فقط 10 کیلوبایت با وابستگی های صفر است. این ممکن است به این دلیل باشد که فقط سه نوع نمودار را ارائه می دهد: خط ، نوار و پای. انواع مختلفی در این نوع وجود دارد (به عنوان مثال نمودار پراکندگی در Chartist یک نوع خط است) اما اندازه کوچک و سهولت پیکربندی با کمبود انواع نمودار خارج از جعبه مقابله می کند.
Chartist به جای بوم به SVG ارائه می شود ، از نظر شکل و ظاهر بسیار قابل تنظیم تر است و همچنین کنترل بسیار بیشتری بر تعامل و انیمیشن ها دارد. با این وجود ، عدم دسترسی رندر به بوم به این معنی است که شما ممکن است برای انجام برخی کارهای سخت تر باشید. به عنوان مثال ، یک API برای ارائه بوم به یک تصویر (toDataURI) وجود دارد. این گزینه برای SVG وجود ندارد ، بنابراین صادر کردن نمودار به عنوان تصویر بسیار پیچیده تر خواهد بود. در یک دنیای ایده آل ، شما می توانید به هر دو حالت ارائه دهید.
تنظیم نمودار Chartist از Chart.js راحت تر است ، زیرا گزینه های کمتری در دسترس است. در حالی که گسترش این نمودارها با عملکرد کاملاً کمی امکان پذیر است ، اما تمرکز آنها روی سادگی به معنای ساده بودن آنها است. Chartist یک راه حل عالی برای کسانی است که به یک راه حل اساسی نمودار نیاز دارند. پیکربندی نمودارها ذاتاً دشوار است زیرا به نوعی دانش در مورد چگونگی تنظیم داده ها در یک محور خاص و گروه بندی به روشهای خاص نیاز دارند. Chartist بخش نمودارسازی را تا حد ممکن ساده می کند اما ممکن است با ایجاد راحتی در تولید نمودارهای خود ، به راه حل قدرتمندتری نیاز پیدا کنید.
Chartist همچنین پشتیبانی از چارچوب منبع باز ، از جمله React و Angular را لیست کرده است. در سایت آن هیچ اشاره ای به بسته Vue نشده است.
04. Britecharts
Britecharts یک کتابخانه نمودارسازی است که D3 را بسته بندی می کند. این توسط Eventbrite ساخته شده است ، و سپس پروژه را با مجوز مجاز Apache V2 پروژه خود را باز کرد.
این مجموعه نمودارهای بسیار کم نظیر زیبایی و زیبایی را ارائه می دهد. اگرچه ایجاد یک نمودار میله ای با وانیل D3 کاملاً می تواند یک وظیفه باشد ، بسته بندی Britecharts این کار را به سادگی ایجاد یک شی barChart جدید و سپس تنظیم عرض و ارتفاع آن ساده می کند.
barChart.width (500). ارتفاع (500)؛
Britecharts از همه انواع نمودارهای اساسی پشتیبانی می کند: خط ، میله ، دونات ، گلوله ، طرح پراکندگی ، sparkline و مرحله ، که بیشتر از موارد ارائه شده توسط کتابخانه هایی مانند Chartist است. این برنامه همچنین نکات اساسی و قابلیت افسانه ای را فراهم می کند. انیمیشن های نمودار داخلی هستند و Eventbrite چندین طرح رنگی زیبا را ارائه داده است.
در نهایت ، Britecharts یک گزینه عالی برای عملکرد اساسی نمودار است. اشیا conf پیکربندی کاملاً ساده هستند و شما بدون نیاز به دانستن چیزی در مورد D3 ، هنوز قدرت D3 را در زیر کاورها می گیرید. بسیاری از توسعه دهندگان این گزینه جذاب تر از ساختن یک نمودار کامل از ابتدا با D3 هستند.
همچنین این بخش بر روی جنبه های اتصال داده D3 تمرکز دارد ، و آن را برای نمودارهایی که باید به عنوان تغییرات اساسی داده تغییر کنند بسیار مناسب می کند. گرچه در انواع موجود تا حدودی محدود است ، اما دارای یک نوع نمودار پایه است که می توانید برای ایجاد انواع نمودارهای جدید از خود ، آن را گسترش دهید.
05. Taucharts
Taucharts یکی دیگر از راه حل های نمودار است که پیچیدگی D3 را در یک API برای اجرای آسان پیچیده است. این کتاب بر اساس مفاهیم کتاب گرامر گرافیک ، نویسنده للاند ویلکینسون ساخته شده است. این درک از زمان و چگونگی استفاده از تجسم داده ها برای نمایش انواع مختلف داده را فراهم می کند.
خارج از جعبه ، دارای نمودارهای خط ، میله ، پراکندگی ، مساحت و نمودارها است. با این حال ، این مفاهیم را از The Grammar of Graphics into 'Taucharts Language' پیاده سازی می کند ، که چارچوبی را برای پیاده سازی تجسم داده های خود فراهم می کند.
Taucharts کاملاً جذاب به نظر می رسد و واقعیت ساخت آن بر روی D3 آن را به گزینه ای جذاب و قدرتمند تبدیل کرده است. این احساس وجود دارد که سازنده برای استفاده کامل از قدرت خود نیاز به مطالعه Grammar of Graphics نیز دارد.
تاکنون فقط نمودارها و تجسم داده ها را پوشش داده ایم. دلیل این امر این است که ترسیم نمودار رایج ترین مورد استفاده برای یک کتابخانه گرافیکی در یک مرورگر است. اما به هیچ وجه تنها نیست. سناریوی کاملاً متداول دیگر برای گرافیک البته انیمیشن است.
06. Two.js
با D3.js اشتباه گرفته نشود ، two.js یک کتابخانه جاوا اسکریپت منبع باز برای طراحی دو بعدی در وب است. همچنین می تواند هر سه گزینه گرافیکی را در مرورگرهای مدرن هدف قرار دهد: SVG ، Canvas و WebGL.
Two.js از آنجا که کاملاً روی طراحی متمرکز است و نمودارهای از قبل پخته شده یا ساختارهای تعاملی برای انتخاب ندارد ، تا حدودی شبیه D3 است. این بدان معنی است که دقیقاً مانند D3 ، شما به یک درک اساسی از نوع نقاشی که می خواهید انجام دهید و چگونگی دستیابی به آن با سازه های two.js نیاز دارید. رسم دایره کاملاً ساده است. از طرف دیگر ، ساخت یک انیمیشن دقیق یک کار بسیار پیچیده تر است. Two.js فقط کسر رسم اشکال را ترسیم می کند ، نه کسری از نقاشی کلی.
Two.js همچنین کلیه اشیایی را که ایجاد می کنید ردیابی می کند ، بنابراین می توانید در هر زمان ارجاع و متحرک سازی کنید. این مورد به ویژه در صورت انجام بازی سازی و داشتن دارایی های لازم برای ردیابی مواردی مانند تشخیص برخورد بسیار مهم است. این یک حلقه انیمیشن داخلی است ، که شما را از نگرانی در مورد فریم های انیمیشن راحت می کند ، و اتصال به آن را در یک کتابخانه انیمیشن مانند GreenSock راحت تر می کند.
گرچه two.js قدرتمند است ، اما ماهیت فرم آزاد آن ممکن است باعث شود برخی از توسعه دهندگان از نحوه شروع اطمینان نداشته باشند و بیشتر ابزاری مناسب برای طراحی و انیمیشن دو بعدی است. گزینه عالی دیگر pts.js است.
07. Pts.js
Pts همچنین یک کتابخانه نقاشی دو بعدی است. با این حال تفاوت اساسی با two.js دارد ، زیرا از روش تعیین شده ای برای نحوه جمع آوری نقاشی ها و انیمیشن ها استفاده می کند: فضا ، فرم و نقطه. قیاسی که سازندگان آن برای توضیح این مورد استفاده می کنند یکی از دنیای فیزیکی است. فضا کاغذ است. فرم مداد است. و نکته ایده شماست.
از نظر اجرای آن ، فضا یک عنصر بوم است. پس از ایجاد عنصر بوم ، می توانید بازیکنان را به آن اضافه کنید. اینها می توانند توابع یا اشیا باشند. این توابع و اشیا must باید با رابط از پیش تعیین شده ای که یک فضا دارد مطابقت داشته باشند. Pts بر اساس TypeScript ساخته شده است ، بنابراین نیازی به حدس زدن نیست که اینها چه ابزاری هستند که شما به احتمال زیاد کسانی که دارای تکمیل خودکار هستند را پیشنهاد می دهد.
به عنوان مثال ، یک فضا یک تابع شروع دارد که می توانید تعیین کنید. این کدی است که با آماده شدن فضا اجرا می شود. در داخل این توابع ، رسم به فضا با استفاده از جسم فرم اتفاق می افتد. اشیا Form فرم می توانند هر نوع شکل را ترسیم کنند و نکته اینجاست که این موارد در فضا قرار دارند.
به نظر می رسد Pts در اصل برای ایجاد تجسم و انیمیشن های تعاملی طراحی شده است. اجرای آن جالب است ، البته کاملاً انتزاعی. توسعه دهندگان ممکن است در درک مدل "فضا ، فرم ، نقطه" مورد نیاز Pts مشکل داشته باشند. این یکی دیگر از موانع ذهنی است که علاوه بر نقاشی ساده و متحرک سازی اشکال ، باید از بین برود.
08. Anime.js
Anime.js در درجه اول یک کتابخانه انیمیشن است. این یک سیستم تکان دهنده داخلی دارد تا ساده ساختن انیمیشن های پیچیده ای را که همپوشانی دارند یا به وقوع اجرای دیگری بستگی دارند ، ساده تر کند. معمول است که انیمیشن ها با هم تنظیم می شوند و یا توسط یکدیگر ایجاد می شوند. سیستم سرسام آور اجرای این را آسان تر می کند ، زیرا به شما کمک می کند تا برخی از موارد اضافی را برای ردیابی همه اتفاقات صفحه و پیکربندی دستی زمان بندی انیمیشن کاهش دهید.
برخلاف کتابخانه های طراحی که تاکنون تحت پوشش قرار گرفته اند ، anime.js API برای ترسیم اشکال ندارد. در عوض ، فرض می کند که اشکال شما از قبل وجود داشته و شما می خواهید آنها را متحرک کنید. این باعث می شود که برای استفاده در کتابخانه هایی مانند two.js عالی باشد. Anime.js برای متحرک سازی ویژگی های CSS ، SVG ، DOM و حتی اشیا Java جاوا اسکریپت پشتیبانی می کند.
Anime.js گزینه خوبی برای متحرک سازی نقاشی های موجود است و احتمالاً با کتابخانه دیگری ترکیب خواهد شد. باید جایگزینی برای چیزی مانند GreenSock در نظر گرفته شود و نه جایگزینی برای سایر کتابخانه های طراحی. Anime.js احتمالاً برای انیمیشن های پیچیده تری که باید به عنوان بخشی از یک تجربه وب تعاملی اتفاق بیفتد ، مورد استفاده قرار می گیرد.
09. PixiJS
PixiJS یکی دیگر از کتابخانه های طراحی دو بعدی است. هدف اصلی آن سهولت در نمایش ، تحریک و مدیریت گرافیک های دو بعدی است ، بنابراین می توانید بدون ایجاد نگرانی در مورد همگام بودن با تمام اشکال و تصاویری که باید ترسیم و متحرک سازی کنید ، بر روی ایجاد تجربه یا بازی خود تمرکز کنید. اگر در حال ساخت یک بازی هستید ، دارایی ها (یا روحیه) می توانند به سرعت به عددی برسند که مدیریت آن دشوار است. (دارایی زیادی برای پس انداز دارید؟ آنها را در قابل اطمینان ترین فضای ذخیره سازی ابری حفظ کنید.)
یک جنبه جذاب PixiJS این است که از یک API می آید که به صورت گسترده در Adobe Flash ساخته شده و مورد استفاده قرار گرفته است. این یک مزیت بزرگ برای توسعه دهندگان است که از پس زمینه Flash استفاده می کنند ، زیرا این تجربه آشنا به نظر می رسد.همچنین مشابه اپل SpriteKit است.
PixiJS یک موتور بازی نیست ، بنابراین اگر از آن برای بازی استفاده می کنید ، هیچ ابزار یا فیزیکی برای مدیریت مواردی مانند تشخیص تصادم پیدا نخواهید کرد. اگر احساس بی اعتمادی می کنید ، باید آن را در یک موتور بازی واقعی یا موتور شخصی خود بسازید.
PixiJS به WebGL ارائه می شود. WebGL موتوری برای انجام گرافیک های شتاب دهنده GPU در مرورگر است. این بدان معنی است که برای انیمیشن ها و گرافیک هایی که از منابع سیستم زیادی استفاده می کنند مفید است و در صورت ارائه توسط واحد پردازش گرافیکی گسسته (GPU) بهترین عملکرد را دارد. این برنامه مبتنی بر OpenGL است که معادل دسک تاپ برای اجرای بازی ها و برنامه های گرافیکی سه بعدی است. در زیر هود ، WebGL از عنصر بوم HTML استفاده می کند.
توسعه دهندگان جدی گرافیک از قدرت WebGL قدردانی خواهند کرد. با این حال ، این تجربیات ممکن است در ماشین های کم مصرف کاهش یابد. حتی وقتی داشتم این مقاله را کنار هم می گذاشتم ، بسیاری از نسخه های نمایشی PixiJS باعث کاهش قابل توجه سیستم من شدند ، که توانایی های پیشرفته تر مورد نیاز برای گرافیک ها و انیمیشن های پیچیده را ندارد.
10. Zdog
اکثر موتورهای رسم که تاکنون بحث کردیم دو بعدی هستند. دلیل این امر این است که اکثر فعل و انفعالات ما با صفحه نمایش ما در دو بعد اتفاق می افتد - در امتداد محور X و Y. نقاشی ها و انیمیشن های سه بعدی معمولاً بسیار پیچیده ترند.
Zdog کتابخانه ای برای ساختن تجربیات شبه سه بعدی است که بیشتر طبیعت آنها مسطح است. این شبه سه بعدی نامیده می شود زیرا در حالی که نقاشی های خود را در فضای سه بعدی ایده پردازی می کند ، آنها را به صورت اشکال مسطح ارائه می دهد. این از ترفندهای بصری برای سه بعدی نشان دادن اشیا 2 دو بعدی استفاده می کند. این اثر واقعا جالب است. هنگام مشاهده انیمیشن کاملاً سه بعدی به نظر می رسد اما هنگام گرفتن عکس از صفحه ، به وضوح یک تصویر مسطح است. در اینجا یک مثال آورده شده است: نسخه ی نمایشی چرخشی ماریو.
از آنجا که تفاسیر دو بعدی است ، Zdog می تواند به Canvas یا SVG ارائه دهد. Zdog یک گزینه خارق العاده برای انیمیشن های سه بعدی روی اشیا simple ساده است - به خصوص اگر این دارایی ها جنبه هایی از طراحی مسطح را داشته باشند. توسعه دهندگانی که انیمیشن سه بعدی می خواهند اما نمی خواهند در دنیای پیچیده موتورهای گرافیکی سه بعدی گیر بیفتند ، ممکن است Zdog را یک راه حل مناسب بدانند. علاوه بر این ، Zdog با تمرکز بر روی تصاویر مسطح می تواند یک رابط کاربری بسیار ساده تر و عملکرد بسیار بالاتر از آنچه برای ارائه سه بعدی تصاویر گرافیکی پیچیده لازم است ، داشته باشد.
این عناصر موتور بازی مانند مدیریت دارایی و تشخیص برخورد را ندارد ، بنابراین باید در موتور بازی پیچیده شود یا مواردی که به صورت دستی از آنها مراقبت می شود. این بدان معناست که Zdog برای انیمیشن های سه بعدی جداگانه در صفحات مقصد بهترین است.
11. Snap.svg
Snap.svg می گوید "کار با دارایی های SVG شما به آسانی jQuery کار با DOM را آسان می کند". شاید بتوانید از مرجع jQuery بگویید که Snap.svg کمی قدیمی تر است اما API آن به آسانی jQuery احساس می شود و این یک چیز قدرتمند است.
Snap.svg یک API تمیز و ساده برای انتخاب عنصر اصلی SVG شما و سپس ترسیم عناصر به سمت آن دارد. بیشتر مناسب برنامه نویسان است که به دنبال یک راه حل سریع برای متحرک سازی SVG ها هستند. اگر انیمیشن های شما ساده باشد و دانش زیادی در مورد موتورهای انیمیشن نداشته باشید ، به ویژه گزینه خوبی است. گرچه تا حدودی دارای تاریخ است ، اما مطمئناً نباید از آن غافل شد ، زیرا می تواند ساده ترین راه کار با SVG شما باشد.
Snap.svg در سادگی خود طراوت بخش است. این کار در انتخاب و کار با SVG ها محدود است و سعی نمی کند بیشتر از این باشد. Snap را می توان با سایر کتابخانه های گرافیکی در اینجا برای ترسیم و ارائه به SVG ها ترکیب کرد. اگر SVG های موجود دارید و می خواهید روشی آسان برای کار با آنها داشته باشید نیز خوب است.
این مقاله در ابتدا در مجله نت منتشر شده است.
