এটি সহজ হওয়া উচিত বলে মনে হচ্ছে তবে আমি কিছু পাচ্ছি না।
আমি একটি একক এসভিজি চিত্রযুক্ত একটি HTML পৃষ্ঠা তৈরি করতে চাই যা ব্রাউজার উইন্ডোতে কোনও স্ক্রলিং ছাড়াই এবং এর অনুপাতের অনুপাত সংরক্ষণ করার সময় স্বয়ংক্রিয়ভাবে স্কেল করে।
উদাহরণস্বরূপ, এই মুহূর্তে আমার কাছে একটি 1024x768 এসভিজি চিত্র রয়েছে; যদি ব্রাউজারের ভিউপোর্টটি 1980x1000 হয় তবে আমি চিত্রটি 1333x1000 এ প্রদর্শিত করতে চাই (অনুভূমিকভাবে অনুভূমিকভাবে পূরণ করুন) tered যদি ব্রাউজারটি 800x1000 হয় তবে আমি এটি 800x600 এ প্রদর্শিত করতে চাই (অনুভূমিকভাবে উল্লম্বভাবে কেন্দ্রবিন্দুতে পূরণ করুন)।
বর্তমানে আমি এটি এর মতো সংজ্ঞায়িত করেছি:
<body style="height: 100%">
<div id="content" style="width: 100%; height: 100%">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width="100%" height="100%"
viewBox="0 0 1024 768"
preserveAspectRatio="xMidYMid meet">
...
</svg>
</div>
</body>
তবে এটি ব্রাউজারের পুরো প্রশস্ততা (প্রশস্ত তবে সংক্ষিপ্ত উইন্ডোর জন্য) পর্যন্ত স্কেলিং করছে এবং উল্লম্ব স্ক্রোলিং তৈরি করছে, যা আমি চাই না।
আমি কী মিস করছি?