شاه سیاهجاوا اسکریپت

آموزش ساخت اشکال مختلف با konva بخش اول

سلام وعرض ادب توی این بخش می خوام به شما توضیح بدم که چطور می تونید از طریق konva شکل های مختلفی بسازید توی سایت خود konva به مثل هایی اشاره شده که بنده براتون توضیح میدم اگر بخوایم شکل ها رو در Konva دسته بندی کنیم چنین چیزی بدست میاد Rect : مستطیل Circle […]

konva ایجاد یک نوشته

به نام خدا امروز با ساخت یک نوشته توسط kova در خدمت شما عزیزان هستم نوشته در کنوا با قبلیت زمینه بصورت های رنگ ، گرداینت خطی و حلقوی و تصویر می تونید بسازید از قابلیت های دیگه هم میتونید از خط دور نوشته یا stroke و سایه هم نام ببریم که چند مثال ساده […]

مورب سازی گوشه های مستطیل cornerRadius

[kingshsc shid=674]

رنگ زمینه در rectangle

اضافه کردن رنگ زمینه به شکل مستطیل [kingshsc shid=674]

مستطیل (rectangle) در konva

با سلام و عرض ادب امروز قرار است شکل مستطیل رو با تمام ویژگی ها به شما نشون بدم برای ایجاد یک مستطیل شما باید اون رو بصورت زیر ایجاد کنید در قسمت بالا داخل {} ویزگی های شکل قرار میگیره که بصورت ذیل است نام نوع داده وضعیت توضیحات cornerRadius عددی اختیاری گرد شدن […]

ایجاد صفحات بزرگ در صفحه محدود یا کوچک تر

ایجاد صفحات بزرگ در صفحه محدود یا کوچک تر باسلام و عرض ادب خدمت خواننده های گرامی شاید براتون سوال پیش آمده باشد که چگونه می شود که خروجی بزرگ را در یک صفحه کوچک آماده سازی کنیم بزارید با یک مثال ساده ذهن شما رو آماده کنم شما در یک نرم افزار تصویر سازی […]

شروع کار با konvajs

شروع کار با konvajs : آدرس سایت سازنده : https://konvajs.org/ برای شروع ابتدا konvajs دانلود کنید یا بوسیله CDN های خود سایت درون فایل Html آن را وارد کنید به این صورت : CDN : <script src="https://unpkg.com/konva@7.0.3/konva.min.js"></script> بصورت دستی <script src="myfolder/konva.js"></script> خوب حالا به سبک طبقاتی کنوا دقت کنید Stage | +------+------+ | | […]

KONVA JS چیست وچه کاربرد های دارد ؟

Konva.js یک کتاب خانه جاوا اسکریپت برای کار با کرباس (canvas) است canvas چیست ؟ المانی از html که قابلیت رندر فایل های تصویری یا شکل های دوبعدی مثل متن و شکل دایره و اجرای اسکریپت را دارد canvas گویند مثال های html از canvas [kingshsc shid=261] [kingshsc shid=264] خب حالا به سراغ Konva.js می […]