উত্তর:
আপনি একটি সংযোজনযুক্ত বৈশিষ্ট্য ব্যবহার করুন; fill-opacity: এই বৈশিষ্ট্যটি 0.0 এবং 1.0 এর মধ্যে দশমিক সংখ্যা গ্রহণ করে; যেখানে 0.0 সম্পূর্ণ স্বচ্ছ।
উদাহরণ স্বরূপ:
<rect ... fill="#044B94" fill-opacity="0.4"/>অতিরিক্তভাবে আপনার নিম্নলিখিত রয়েছে:
stroke-opacity স্ট্রোক জন্য বৈশিষ্ট্যopacity পুরো বস্তুর জন্যfill_opacityতবে এসভিজি এবং সিএসএসে, এটি fill-opacity।
এখনও সম্পূর্ণরূপে মানসম্পন্ন সমাধান হিসাবে নয় (যদিও সিএসএস 3 এর রঙিন সিনট্যাক্সের সাথে প্রান্তিককরণের ক্ষেত্রে) যেমন আপনি ব্যবহার করতে পারেন fill="rgba(124,240,10,0.5)" । ফায়ারফক্স, অপেরা, ক্রোমে দুর্দান্ত কাজ করে।
rgbaহয়েছে rgbএবং স্বয়ংক্রিয়ভাবে fill-opacityএটিতে এটির বৈশিষ্ট্য যুক্ত করেছে । আমি নিশ্চিত নই যে এটি সাধারণ এসভিজিতেও এটি কীভাবে কাজ করে তবে তা সেখানে কাজ করে। যেভাবেই হোক, ধন্যবাদ।
fill="#044B9466"এটি হ'ল মানগুলির সাথে সংজ্ঞায়িত এসভিজির অভ্যন্তরে হেক্স সংকেতের একটি আরজিবিএ রঙ । এটি বৈধ, তবে সমস্ত প্রোগ্রাম সঠিকভাবে এটি প্রদর্শন করতে পারে না ...
আপনি এখানে এই বাক্য গঠনটির জন্য ব্রাউজার সমর্থনটি পেতে পারেন: https://caniuse.com/#feat=css-rrggbbaa
আগস্ট 2017 পর্যন্ত: আরজিবিএ ফিল রঙগুলি মজিলা ফায়ারফক্স (54), অ্যাপল সাফারি (10.1) এবং ম্যাক ওএস এক্স ফাইন্ডারের "কুইক ভিউ" তে সঠিকভাবে প্রদর্শিত হবে। তবে গুগল ক্রোম এই সংস্করণটিকে 62 সংস্করণ 62 পর্যন্ত পরীক্ষামূলক প্ল্যাটফর্ম বৈশিষ্ট্যযুক্ত ফ্ল্যাগ সক্ষম সহ 54 সংস্করণ থেকে সমর্থন করেছিল) সমর্থন করে না।
একটি পরিপূর্ণতা সম্পূর্ণ স্বচ্ছ করতে, fill="transparent"আধুনিক ব্রাউজারগুলিতে কাজ করার জন্য মনে হচ্ছে। তবে এটি মাইক্রোসফ্ট ওয়ার্ডে ব্যবহার হয়নি (ম্যাকের জন্য), আমাকে ব্যবহার করতে হয়েছিল fill-opacity="0"।
আপনার এসভিজির fill-opacityউপাদানগুলিতে বৈশিষ্ট্যটি ব্যবহার করুন ।
ডিফল্ট মান 1, সর্বনিম্ন 0 হয়, ধাপে দশমিক মান ব্যবহার করুন: আলফার 0.5: 0.5 = 50%। দ্রষ্টব্য: fillপ্রয়োগ করার জন্য রঙ নির্ধারণ করা প্রয়োজন fill-opacity।
আমার উদাহরণ দেখুন ।
fill="none"সাথে ব্যবহারের সম্ভাবনা দেখুনpointer-events="visible"।