RaphaelJS: Graphics and Visualization on the Web

با RaphaëlJS، کتابخانه جاوا اسکریپت که به شما امکان می دهد گرافیک برداری مقیاس پذیر (SVG) را مستقیماً در مرورگر ترسیم کنید، تصاویر زیبا و تعاملی را در وب ایجاد کنید. با این راهنمای مختصر، به سرعت یاد می گیرید که چگونه صفحه را با اشکال و رنگ هایی رنگ آمیزی کنید که می توانید آنها را به گرافیک های زنده و متحرک و تجسم تبدیل کنید.

نویسنده کریس ویلسون (Time.com) به شما نشان می دهد که چگونه اشیاء Raphaël را بسازید و آنها را با انیمیشن، تبدیل و سایر تکنیک ها، تنها با استفاده از چند خط کد، دستکاری کنید. RaphaëlJS با نمونه های کاری، کد نمونه و پروژه های کاربردی جالب، برای برنامه نویسان جدید و باتجربه جاوا اسکریپت به طور یکسان ایده آل است.

• ایجاد تصاویری که در مرورگرهای جدید کار می کنند. و قدیمی، و همچنین دستگاه‌های تلفن همراه
• با اصول اولیه شروع کنید—شکل‌ها، رنگ‌ها، تبدیل‌ها، مجموعه‌ها و متن
• با نحوه ساختن منحنی‌ها و اشکال سفارشی با مسیرها آشنا شوید
• پویانمایی‌هایی را کد کنید که در فضا حرکت می‌کنند، مسیرها را دنبال می‌کنند یا مسیر را تغییر می‌دهند
• از طریق تعامل کاربر، اثر هنری شما را زنده می‌کند
• یک مجموعه داده را به مجموعه‌ای از اشیاء بصری متصل می‌کند. اساس تجسم داده‌ها
• تکنیک‌هایی را بیاموزید تا تصاویر دقیق خود را بر روی صفحه نمایش‌هایی با هر اندازه برجسته کنید

Create beautiful, interactive images on the Web with RaphaëlJS, the JavaScript library that lets you draw Scalable Vector Graphics (SVG) right in the browser. With this concise guide, you’ll quickly learn how to paint the screen with shapes and colors that you can turn into lively, animated graphics and visualizations.

Author Chris Wilson (Time.com) shows you how to create Raphaël objects and manipulate them with animation, transformations, and other techniques, using just a few lines of code. Packed with working examples, sample code, and cool hands-on projects, RaphaëlJS is ideal for new and experienced JavaScript programmers alike.

• Create images that work on browsers new and old, as well as mobile devices
• Start with the basics—shapes, colors, transformations, sets, and text
• Learn how to build custom curves and shapes with paths
• Code animations that move through space, follow paths, or change direction
• Make your artwork come alive through user interaction
• Bind a dataset to a collection of visual objects—the basis of data visualization
• Learn techniques to make your detailed visuals stand out on screens of any size