ডকুমেন্টেশন এবং রেফারেন্স

সম্পূর্ণ API প্যারামিটার রেফারেন্স, টেক্সট হাইলাইট গাইড, শুধুমাত্র-আইকন প্রদর্শন মোড

মৌলিক সিনট্যাক্স

text প্যারামিটারে {{...}} ব্যবহার করে হাইলাইট করতে চাওয়া অংশগুলো মুড়ে দিন। সমস্ত হাইলাইট করা অংশ একই স্টাইল শেয়ার করে। টিপ: আপনি উপরের টেক্সট কন্টেন্ট ইনপুটে সরাসরি {{...}} টাইপ করতে পারেন — সিস্টেম স্বয়ংক্রিয়ভাবে সনাক্ত করে হাইলাইট প্রয়োগ করবে।

# সিনট্যাক্স ফরম্যাট
?text=সাধারণ টেক্সট{{হাইলাইট টেক্সট}}আরও সাধারণ টেক্সট
&hlcolor=FF5733

প্যারামিটার বিবরণ

hlcolor হাইলাইট রং

হাইলাইট রং সেট করে। HEX ফরম্যাট (যেমন, FF5733) বা রঙের নাম (যেমন, red) সমর্থন করে।

উদাহরণ： ?text=Mock{{Img}}.Dev&hlcolor=FF5733

hlcolor2 হাইলাইট গ্রেডিয়েন্ট রং ২

গ্রেডিয়েন্ট হাইলাইটের দ্বিতীয় রং সেট করে। এটি সেট করলে স্বয়ংক্রিয়ভাবে গ্রেডিয়েন্ট ইফেক্ট সক্রিয় হয়, hlcolor শুরুর রং হিসেবে ব্যবহৃত হয়।

উদাহরণ： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6

hlgradient হাইলাইট গ্রেডিয়েন্ট দিক

গ্রেডিয়েন্ট দিক সেট করে। সেট না করলে horizontal ডিফল্ট।

horizontal অনুভূমিক (বাম থেকে ডান) vertical উল্লম্ব (উপর থেকে নিচ) diagonal তির্যক (উপর-বাম থেকে নিচ-ডান)

উদাহরণ： ?text={{Hello}}&hlcolor=EC4899&hlcolor2=8B5CF6&hlgradient=vertical

hlfont হাইলাইট ফন্ট

হাইলাইট করা টেক্সটের জন্য স্বাধীন ফন্ট নির্দিষ্ট করে। মান হলো ফন্ট ফাইলের নাম (.ttf এক্সটেনশন ছাড়া)।

উদাহরণ： ?text={{Brand}}&hlfont=Poppins-Bold

hlbold হাইলাইট বোল্ড

হাইলাইট করা টেক্সট বোল্ড করে। মান: true বা 1।

উদাহরণ： ?text={{Important}}&hlbold=true

সম্পূর্ণ উদাহরণ

উদাহরণ 1：সলিড রঙ হাইলাইট

https://mockimg.dev/600x400.png?text=Mock{{Img}}.Dev&hlcolor=FF5733

ইফেক্ট:"MockImg.Dev" — Img লাল রঙে প্রদর্শিত

উদাহরণ 2：গ্রেডিয়েন্ট হাইলাইট

https://mockimg.dev/600x400.png?text={{Gradient}}&hlcolor=EC4899&hlcolor2=8B5CF6

প্রভাব: "Gradient" গোলাপি থেকে বেগুনি অনুভূমিক গ্রেডিয়েন্টে প্রদর্শিত

উদাহরণ 3：কাস্টম ফন্ট হাইলাইট

https://mockimg.dev/600x400.png?text={{MockImg}}&hlfont=Poppins-Bold&hlcolor=3B82F6

প্রভাব: "MockImg" Poppins-Bold ফন্টে নীল রঙে প্রদর্শিত

উদাহরণ 4：বোল্ড হাইলাইট

https://mockimg.dev/600x400.png?text={{Important}}&hlbold=true&hlcolor=EF4444

প্রভাব: "Important" লাল এবং বোল্ডে প্রদর্শিত

উদাহরণ 5：সম্মিলিত (গ্রেডিয়েন্ট + ফন্ট + বোল্ড)

https://mockimg.dev/600x400.png?text={{Premium}}&hlcolor=FFD700&hlcolor2=FF6B6B&hlgradient=diagonal&hlfont=Montserrat-Bold

প্রভাব: "Premium" তির্যক গ্রেডিয়েন্টে (সোনালী থেকে লাল) Montserrat-Bold ফন্টে প্রদর্শিত

উদাহরণ 6：বহু-সেগমেন্ট হাইলাইট

https://mockimg.dev/600x400.png?text={{MockImg}}+和+{{占位图}}&hlcolor=3B82F6

প্রভাব: "MockImg" এবং প্লেসহোল্ডার টেক্সট উভয়ই নীলে প্রদর্শিত (শেয়ার্ড হাইলাইট স্টাইল)

উদাহরণ 7：CJK টেক্সটে হাইলাইট

https://mockimg.dev/600x400.png?text={{MockImg}}+占位图服务&hlcolor=10B981

প্রভাব: "MockImg" সবুজে প্রদর্শিত, বাকি টেক্সট ডিফল্ট রং ব্যবহার করে

উদাহরণ 8：গাঢ় থিম + হাইলাইট

https://mockimg.dev/600x400.png?theme=dark&text=Dark+{{Mode}}&hlcolor=FBBF24

প্রভাব: ডার্ক থিমে, "Mode" সোনালী হাইলাইটে প্রদর্শিত

নোট

{{...}} মার্কারগুলো টেক্সট প্রস্থ হিসাবে গণনা করা হয় না এবং লেআউটে কোনো প্রভাব ফেলে না
নেস্টেড {{...}} মার্কার সমর্থিত নয় — ভেতরের মার্কারগুলো সাধারণ টেক্সট হিসেবে বিবেচিত হবে
সমস্ত হাইলাইট করা অংশ একই hl* স্টাইল সেটিংস শেয়ার করে
হাইলাইটিং সমস্ত আউটপুট ফরম্যাটে কাজ করে (SVG, PNG, JPEG, WebP, AVIF ইত্যাদি)
হাইলাইট মার্কার বহু-লাইন টেক্সটেও কাজ করে (লাইন ব্রেকের জন্য \n ব্যবহার করুন)

ট্রিগার শর্তাবলী

icon প্যারামিটার প্রদান করা হয়েছে
কোনো text প্যারামিটার নেই, অথবা text খালি

আইকন সাইজ নিয়ম

স্বয়ংক্রিয়: আইকন সাইজ = ছোট ইমেজ মাত্রার ৮০% (সর্বনিম্ন ২৪px, সর্বোচ্চ ৯০%)

কাস্টম: স্বয়ংক্রিয় গণনা ওভাররাইড করতে iconsize প্যারামিটার ব্যবহার করুন

উদাহরণ

সলিড রং আইকন

https://mockimg.dev/600x400.png?icon=outline/heart&iconcolor=FF5733

প্রভাব: লাল রঙে হার্ট আইকন স্বয়ংক্রিয়ভাবে বড় এবং কেন্দ্রস্থিত

গ্রেডিয়েন্ট আইকন

https://mockimg.dev/600x400.png?icon=filled/star&iconcolor=FFD700&iconcolor2=FF6B6B&icongradient=diagonal

প্রভাব: সোনালী থেকে লাল তির্যক গ্রেডিয়েন্ট সহ তারা আইকন

স্বচ্ছ + আইকন

https://mockimg.dev/200x200.png?icon=outline/user&iconcolor=3B82F6&bg=transparent

প্রভাব: স্বচ্ছ পটভূমিতে ব্যবহারকারী আইকন — অবতারের জন্য আদর্শ

গ্রেডিয়েন্ট পটভূমি + গোলাকার

https://mockimg.dev/600x400.png?icon=outline/heart&iconcolor=FFFFFF&gradient=horizontal&bgcolor2=EC4899&radius=20

প্রভাব: পিঙ্ক গ্রেডিয়েন্ট পটভূমিতে সাদা হার্ট আইকন গোলাকার কর্নার সহ

ডার্ক থিম + আইকন

https://mockimg.dev/600x400.png?icon=filled/star&iconcolor=FFD700&theme=dark

প্রভাব: গাঢ় পটভূমিতে সোনালী তারা আইকন

বৃত্তাকার বর্ডার (অবতার)

https://mockimg.dev/400x400.png?icon=outline/user&iconcolor=3B82F6&radius=200&border=4&bordercolor=3B82F6

প্রভাব: বর্ডার সহ বৃত্তে ব্যবহারকারী আইকন — অবতার প্লেসহোল্ডারের জন্য আদর্শ

আইকন+টেক্সট বনাম শুধুমাত্র-আইকন

মোড	URL	প্রভাব
শুধুমাত্র-আইকন (টেক্সট ছাড়া)	`?icon=outline/heart`	আইকন স্বয়ংক্রিয়ভাবে বড় এবং কেন্দ্রস্থিত, টেক্সট নেই
আইকন + খালি টেক্সট	`?icon=outline/heart&text=`	শুধুমাত্র-আইকনের মতোই
আইকন + টেক্সট	`?icon=outline/heart&text=Love`	আইকন এবং টেক্সট পাশাপাশি (মূল আচরণ)
আইকন নেই টেক্সট নেই	`600x400.png`	মাত্রা টেক্সট (ডিফল্ট আচরণ)

নোট

সব আউটপুট ফরম্যাটের সাথে কাজ করে (SVG, PNG, JPEG, WebP, AVIF ইত্যাদি)
সকল আইকন প্যারামিটার (iconcolor, iconcolor2, icongradient, iconsize) প্রত্যাশিতভাবে কাজ করে
সব পটভূমি ইফেক্ট (স্বচ্ছ, গ্রেডিয়েন্ট, প্যাটার্ন, নয়েজ, বর্ডার, রেডিয়াস) শুধুমাত্র-আইকন মোডের সাথে সংমিশ্রণ করা যায়
ছোট সাইজের সাথেও কাজ করে — ফেভিকনের জন্য আদর্শ: 32x32.ico?icon=filled/star&iconcolor=FFD700

সংক্ষিপ্ত বিবরণ

padding প্যারামিটার প্লেসহোল্ডার ইমেজে টেক্সট এবং আইকনের চারপাশের সাদা স্থান নিয়ন্ত্রণ করে। 4টি ফরম্যাট সমর্থন: একক পিক্সেল, একক অনুপাত, দুই মান (উল্লম্ব + অনুভূমিক), চার মান (CSS ঘড়ির কাঁটার দিকে)।

# সমর্থিত ফরম্যাট
?padding=20
?padding=1/6
?padding=10,20
?padding=10,20,30,40

ডিফল্ট আচরণ

padding প্যারামিটার ছাড়া, অন্তর্নির্মিত ডিফল্ট ব্যবহৃত হয় (পূর্ববর্তী সংস্করণের মতো):

বাম এবং ডান: প্রস্থের 5% উপর এবং নিচ: উচ্চতার 20%

ফরম্যাট বিবরণ

20 একক পিক্সেল মান

চার দিক একই পিক্সেল মান ব্যবহার করে।

padding=20

1/6 একক অনুপাত মান

চার দিক অনুপাত ব্যবহার করে। উপর/নিচ উচ্চতার উপর ভিত্তি, বাম/ডান প্রস্থের উপর। ফলাফল স্বয়ংক্রিয়ভাবে রাউন্ড।

padding=1/6 → 600×400 → উপর/নিচ 67px, বাম/ডান 100px

10,20 দুই মান (উল্লম্ব + অনুভূমিক)

উল্লম্ব এবং অনুভূমিক প্যাডিং আলাদাভাবে নিয়ন্ত্রণ। পিক্সেল ও অনুপাত মেশানো যায়।

padding=10,20 → উপর/নিচ 10px, বাম/ডান 20px
padding=1/8,15 → উপর/নিচ = উচ্চতা/8, বাম/ডান 15px
padding=30,1/10 → উপর/নিচ 30px, বাম/ডান = প্রস্থ/10

10,20,30,40 চার মান (CSS ঘড়ির কাঁটার দিকে)

CSS স্টাইল স্বতন্ত্র নিয়ন্ত্রণ: উপর, ডান, নিচ, বাম। উপর/নিচ উচ্চতার উপর, বাম/ডান প্রস্থের। পিক্সেল-অনুপাত মেশানো সম্ভব।

padding=10,20,30,40 → উপর 10, ডান 20, নিচ 30, বাম 40 (সব px)
padding=1/8,1/6,15,1/10 → উপর h/8, ডান w/6, নিচ 15px, বাম w/10 (মেশানো)

উদাহরণ

ছোট টেক্সট — প্যাডিং কমান

https://mockimg.dev/480x200.svg?text=IP&bold=true&padding=1/10

"IP" এর মতো ছোট টেক্সটে padding=1/10 দিয়ে কমপ্যাক্ট লেআউট।

শূন্য প্যাডিং

https://mockimg.dev/600x400.svg?text=Full&padding=0

padding=0 সেট করে কন্টেন্ট পুরো ইমেজ ভরান।

আইকন + টেক্সট — কমপ্যাক্ট লেআউট

https://mockimg.dev/600x400.svg?icon=outline/heart&text=Love&padding=1/8

আইকন এবং টেক্সট পাশাপাশি, মাঝারি প্যাডিং।

শিরোনাম এলাকা — উপরে বড় প্যাডিং

https://mockimg.dev/600x300.svg?text=Title&padding=40,10,5,10

উপরে বড় প্যাডিং শিরোনাম অনুভূতি, নিচে কমপ্যাক্ট।

বাম নেভিগেশন — বামে বড় প্যাডিং

https://mockimg.dev/800x400.svg?text=Content&padding=20,10,20,60

বামে বড় প্যাডিং নেভিগেশন বারের জন্য।

নোট

অনুপাত মানে লব এবং হর ধনাত্মক হতে হবে
পিক্সেল মান ঋণাত্মক হতে পারে না — ঋণাত্মক স্বয়ংক্রিয়ভাবে 0 হয়ে যায়
অনুপাত ফলাফল স্বয়ংক্রিয়ভাবে পূর্ণ পিক্সেলে রাউন্ড হয়
প্যাডিং ইমেজ মাত্রার অর্ধেকের বেশি হলে, কন্টেন্ট এলাকা খুব ছোট হতে পারে এবং ফন্ট সাইজ স্বয়ংক্রিয়ভাবে সর্বনিম্ন 12px হবে

উন্নত বৈশিষ্ট্য — ইন্টারেক্টিভ API ডিবাগার

আইকন সিস্টেম

ডকুমেন্টেশন এবং রেফারেন্স

মৌলিক সিনট্যাক্স

প্যারামিটার বিবরণ

সম্পূর্ণ উদাহরণ

নোট

ট্রিগার শর্তাবলী

আইকন সাইজ নিয়ম

উদাহরণ

আইকন+টেক্সট বনাম শুধুমাত্র-আইকন

নোট

সংক্ষিপ্ত বিবরণ

ডিফল্ট আচরণ

ফরম্যাট বিবরণ

উদাহরণ

নোট