আমি ভাবছিলাম এসভিজি ফাইলগুলি সম্পর্কে। আমি জানি এটি এক্সএমএলে পাথ ট্যাগ দ্বারা সংজ্ঞায়িত ভেক্টরগুলির একটি সংগ্রহ, সুতরাং কেন এটির এসভিজি ট্যাগে পিক্সেলগুলির প্রস্থ এবং উচ্চতা আছে এবং যদি আমরা এই মাত্রাগুলি সরিয়ে ফেলি তবে কী হবে?
আমি ভাবছিলাম এসভিজি ফাইলগুলি সম্পর্কে। আমি জানি এটি এক্সএমএলে পাথ ট্যাগ দ্বারা সংজ্ঞায়িত ভেক্টরগুলির একটি সংগ্রহ, সুতরাং কেন এটির এসভিজি ট্যাগে পিক্সেলগুলির প্রস্থ এবং উচ্চতা আছে এবং যদি আমরা এই মাত্রাগুলি সরিয়ে ফেলি তবে কী হবে?
উত্তর:
প্রস্থ এবং উচ্চতা viewBoxসেট করা থাকলেই প্রাসঙ্গিক । এই বৈশিষ্ট্যটি ছাড়াই আপনি প্রস্থ এবং উচ্চতা নিরাপদে মুছতে পারেন। এটি সর্বদা এটি আঁকানো স্কেলে প্রদর্শিত হবে। যদি কোনও <rect>10px প্রশস্ত 20px উঁচু সেট করা থাকে তবে যখন কোনও ভিউবক্স সেট না করা হয় তখন এটি 10x20 স্কেল প্রস্থে বা প্রস্থ বা হাইট ছাড়াই প্রদর্শিত হবে।
যদি কোনও viewBoxবৈশিষ্ট্য সেট করা থাকে তবে আপনি মূল স্কেলটি উপরে বা নীচে সামঞ্জস্য করতে প্রস্থ এবং উচ্চতা ব্যবহার করতে পারেন।
প্রস্থ এবং উচ্চতা ছাড়াও ভিউবক্স সেট ব্যতীত, এটি এসভিজিটিকে অসীমভাবে স্কেল করতে দেয়, যা পছন্দসই আচরণ হতে পারে বা নাও পারে। একটি প্রতিক্রিয়াশীল HTML পৃষ্ঠায় এটি প্রায়শই পছন্দসই হয়। এটি বাউন্ডিং পাত্রে ফিট করতে স্কেল আপ বা ডাউন করবে।
এগুলি একই রকম
<svg width="240" height="240" xmlns="http://www.w3.org/2000/svg">
<svg xmlns="http://www.w3.org/2000/svg">
এটি মূল স্কেল দ্বিগুণ।
<svg viewBox="0 0 120 120" width="240" height="240"
xmlns="http://www.w3.org/2000/svg">
এটি অসীম স্কেলিংয়ের অনুমতি দেয়
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">