وړیا د ځای نیونکي انځور تولیدونکی

دا څنګه کار کوي

هر څه ستاسو براوزر کې د HTML Canvas API او لاسي-لیکل شوي SVG مارک‌اپ سره کیږي — هیڅ سرور، هیڅ اپلوډ، هیڅ درېیمې-لورې خدمت. تاسو اندازې، رنګونه، او لیبل متن تنظیموئ، او وسیله انځور مستقیم یوه کینوس عنصر باندې ریښتینې وخت کې رسموي، بیا یې د غوښتنې پر بنسټ PNG، JPEG، یا SVG ته لړی کوي.

1. 1
   اندازې او رنګونه تنظیم کړئ

   یو پلنوالی او اوږدوالی ولیکئ (1–4000 پکسل هر یو)، یا یو له یوولسو مخکینیو نه وټاکئ چې عام ټولنیزو رسنیو او ډیزاین اندازو پوښي. یو شالید او متن رنګ له جوړ شویو تیمونو نه وټاکئ یا مستقیم کوم هیکس ارزښت ولیکئ؛ یو اصلي رنګ ټاکونکی او یو تصدیق شوی متن ساحه سره سمون کې پاتې کیږي.
2. 2
   Canvas API مخکتنه سملاسي رسموي

   یو React اثر drawPlaceholder() هر بدلون کې بولي. دا فنکشن CanvasRenderingContext2D کاروي ترڅو مستطیل شالید رنګ سره ډک کړي، اختیاري ډول کمزوري ایکونیز کروس-لاین کرښې 15% شفافیت کې رسموي، بیا ستاسو لیبل متن اندازه او مرکز-برابر کوي — فونټ اتوماتیک کوچنی کوي تر هغه چې دا د کینوس پلنوالی 90% دننه ځای شي.
3. 3
   PNG، JPEG، یا SVG کې صادر کړئ

   PNG او JPEG ډاونلوډونه canvas.toDataURL() بولي، base64 پایله حافظه کې Blob ته بدلوي، او ډاونلوډ هڅوي — ټول سمزماني د کارونکي حرکت دننه نو iOS Safari د ډاونلوډ قواعد پوره کیږي. SVG صادرول یو خپل‌بسنی SVG متن جوړوي یوه مطابق rect، اختیاري کروسي کرښو، او یوه متن عنصر سره، بیا یې د یوه .svg فایل په توګه خوندي کوي.
4. 4
   ډله‌ایز صادرول او کاپي لنډلارې

   تڼۍ 'ټول مخکینی ډاونلوډ کړئ' JSZip متحرک واردوي، هر یوولسو مخکینیو اندازو یوه شالید-پرده کینوس باندې همغه رسم فنکشن سره بیا رسموي، او ټول PNGs یوه واحده ZIP کې بسته کوي. کاپي تڼۍ یو PNG ډیټا URL، یو ان‌لاین SVG img ټاګ، یا یو CSS background-image اعلان تولیدوي د کوډ کې سملاسي پیستلو لپاره.

اړوندې وسیلې