'এসভিজি' ভিউবক্স ব্যবহার করে একটি ওয়েব ডিজাইন গাইড (এইচটিএমএল)
SVG আকার তৈরি করার সময় দেখাবার একটি বৈশিষ্ট্য সাধারণত ব্যবহৃত হয়। যদি আপনি ডকুমেন্টকে একটি ক্যানভাস হিসাবে মনে করেন, ভিউ বক্সটি ক্যানভাসের অংশ যা আপনি দর্শককে দেখতে চান। যদিও পুরো কম্পিউটারের স্ক্রিনটি পৃষ্ঠায় ঢুকিয়ে দিতে পারে, তবে এই সংখ্যাটি কেবলমাত্র এক তৃতীয়াংশের মধ্যেই থাকতে পারে।
Viewbox আপনাকে পার্সারকে তৃতীয় তৃতীয় জুম ইন করতে বলতে দেয়। এটি অতিরিক্ত সাদা স্থান পরিহার করে। একটি ছবি ফসল করার জন্য একটি ভার্চুয়াল পদ্ধতি হিসাবে দেখুন বাক্সে চিন্তা করুন।
এটি ছাড়া, আপনার গ্রাফিকটি তার প্রকৃত আকারের একটি তৃতীয়টি প্রদর্শিত হবে।
ভিবক্স মানগুলি
ইমেজ কাটার জন্য, আপনি কাট করতে ছবিতে পয়েন্ট তৈরি করতে হবে। ভিউ বক্স অ্যাট্রিবিউট ব্যবহার করার সময়ও একই। ভিউবক্সের মান সেটিংস এতে অন্তর্ভুক্ত:
- minx- শুরু এক্স সমন্বয়
- miny- শুরু এবং y স্থানাঙ্ক
- ভিউবক্সের প্রস্থ-বিন্দু
- ভিউবক্সের উচ্চতা
ভিউ বক্স মানগুলির জন্য সিনট্যাক্স হল:
ভিউবক্স = "0 0 200 150"
SVG ডকুমেন্টের জন্য আপনি সেট প্রস্থ এবং উচ্চতা সহ ভিউ বক্সের প্রস্থ এবং উচ্চতাকে বিভ্রান্ত করবেন না। যখন আপনি একটি SVG ফাইল তৈরি করেন, তখন আপনি যে প্রথম মানগুলি স্থাপন করেন তা হলো ডকুমেন্টের প্রস্থ এবং উচ্চতা। নথিটি একটি ক্যানভাস। ভিউ বক্সটি সম্পূর্ণ ক্যানভাস বা এটির একটি অংশ অন্তর্ভুক্ত করতে পারে।
এই দেখুন বাক্সটি পুরো পৃষ্ঠাটি জুড়েছে।
এই ভিউ বক্স উপরের ডান দিকে কোণায় শুরু অর্ধেক পৃষ্ঠায় অন্তর্ভুক্ত।
আপনার আকৃতিতে উচ্চতা ও প্রস্থের কার্যগুলিও আছে।
এটি একটি ডকুমেন্ট যা ডায়ালবক্স সহ 800 x 400 পিএক্সকে আবৃত করে যা উপরের ডান দিকের কোণায় শুরু হয় এবং পৃষ্ঠার অর্ধেক প্রসারিত করে। আকৃতি একটি আয়তক্ষেত্র যা ভিউ বক্সের ডানদিকের ডানদিকের কোণে শুরু হয় এবং বাম দিকে 100 পিএক্স এবং 50 পিএক্স নিচে সরানো হয়।
একটি ভিবক্স সেট করুন কেন?
এসভিজি শুধু একটি আকৃতি আঁকা তুলনায় অনেক বেশি। এটি একটি ছায়া প্রভাবের জন্য অন্যের উপরে একটি চিত্র তৈরি করতে পারে। এটি একটি আকৃতি রূপান্তরিত করতে পারে যাতে এটি এক দিক থেকে ছিটকে যায়। উন্নত ফিল্টারগুলির জন্য, আপনি ভিউ বক্স অ্যাট্রিবিউটটি বুঝতে এবং ব্যবহার করতে হবে।