آموزش تبدیل عکس ها به SVG های متحرک با React، React Hooks و TypeScript
Convert Photos to Animated SVGs with React, React Hooks, and TypeScript
یادگیری روش SVG یک مهارت مهم در مجموعه مهارت های هر طراح یا توسعه دهنده است. در این دوره کوتاه "مینی" که فقط یک درس دارد، ما یک گردش کار را مرور خواهیم کرد که تصویری را که با گوشی گرفته شده است، ویرایش آن با ابزارهای متن باز Gimp و Inkscape، و بهینه سازی آن و انتقال به وب از طریق React. پروژه TypeScript به عنوان یک امتیاز، یک React Hook سفارشی برای متحرک سازی می نویسیم، بنابراین حتی اگر توسعه دهنده نیستید، ممکن است این دوره برای شما جالب باشد که چگونه تصاویر بیت مپ را می توان به طور خالص به SVG تبدیل کرد. این نیمه آخر دوره کوتاه است که وارد بخش نرم افزاری می شود و اجرای React، TypeScript و Hook را اجرا می کند.
از تلفن یا دوربین خود عکس بگیرید یا از آن عکس بگیرید و مراحل این دوره را دنبال کنید. در حالت ایده‌آل، هنگام حرکت از عکس خام، به عکس پاک‌شده، به SVG، به SVG بهینه‌سازی شده وب، به React Component SVG، یک اسکرین شات بگیرید. من عاشق تبدیل عکس ها به SVG هستم و دوست دارم ببینم همه چه چیزی می سازند!
درس ها Lessons
-
نحوه تبدیل عکس ها به SVG های بهینه شده، آماده وب و پورت به React TypeScript How to Convert Photos into Optimized, web-Ready SVGs and Port to React TypeScript
-
معرفی Introduction
https://donyad.com/d/236155
Chris Frewin
مهندس نرم افزار فول استک
نمایش نظرات