এসভিজি এবং ভিউবক্সের মান


14

আমি কৌতূহলী যদি কেউ জানে যে কীভাবে viewBoxমানগুলি (যেমন viewBox="a b c d") নির্ধারিত হয়।

আমি ইনস্কেপের এসভিজি কার্যকারিতা বোঝার চেষ্টা করছি, তাই আমি যা করেছি তা ইনসক্যাপে একটি ডকুমেন্ট তৈরি করেছে যা 100pxএক্স 100px, ভিউপোর্টের বাম দিক থেকে একটি লাইন আঁকা (অর্থাত্ 0অনুভূমিক মান) ডান পাশের দিকে (অর্থাৎ 100অনুভূমিক মান) ।

আশ্চর্যের বিষয় হল, আমি যখন এই দস্তাবেজটিকে একটি সরল এসভিজি ফাইল হিসাবে সংরক্ষণ করি এবং তারপরে ফাইলটি কোনও পাঠ্য সম্পাদক এ খুলি, viewBoxমানগুলি viewBox="0 0 26.458333 26.458334"বলার পরিবর্তে সেট করা থাকে viewBox="0 0 100 100"

এই মানগুলি ( 0 0 26.458333 26.458334) কীভাবে নির্ধারিত হয় এবং কেন তাদের এবং ভিউপোর্টের মাত্রার মধ্যে আপাতদৃষ্টির কোনও সম্পর্ক নেই তা কি কেউ জানেন ?

পিএস আমি জানি আপনি viewBoxনথির বিকল্পগুলিতে সম্পত্তিটি ম্যানুয়ালি সম্পাদনা করতে পারবেন তবে আমি এখনও আগ্রহী যে কেন ইনস্কেপ সেগুলি মজাদার মানগুলিতে সেট করে।

উত্তর:


19

Inkscape আপনার নথির জন্য ডিফল্ট প্রদর্শন-ইউনিট বা ব্যবহারকারী-ইউনিট হিসাবে মিমি ব্যবহার করে । ব্যবহারকারী-ইউনিটগুলি এসভিজি ফাইলে মান সংরক্ষণ করতে ব্যবহৃত হয়।

<svg width="100" height="100" viewBox="0 0 26.458333 26.458333">

এই ট্যাগটি এর অঙ্কন আকার বর্ণনা করে 100px x 100px। ভিউবক্স অ্যাট্রিবিউট সংজ্ঞা দেয় 100px x 100pxযা সমতুল্য 26.458333 x 26.458333 user units

করা SVG স্কেল ফ্যাক্টর হবে 1px / 0.2645 user-unit, একটি করা SVG রেন্ডারার ব্যবহার করতে পারে যা সব মান যে সংরক্ষণ করা হয় রূপান্তর করতে ব্যবহারকারী-ইউনিট থেকে বাস্তব বিশ্বের অঙ্কন মাত্রা।


এই ক্ষেত্রে ইনসকেপ মানগুলিতে সংরক্ষণ করতে চায় mmতাই এটি কীভাবে pxসম্পর্কিত তা জানতে হবে mmসিএসএস স্পেসিফিকেশন ভালোভাবে বর্ণনা করে সেই পরম দৈর্ঘ্য ইউনিট একে অপরের সাথে সম্পর্ক ঠিক করা হয়েছে:96px = 1in

এর অর্থ 100px = 1.041666667in = 2.645833333cm = 26.45833333mm

সুতরাং যেখান থেকে 26.45833333আসে।


আপনি ইঙ্কস্পেস সব আপনার মান সঞ্চয় করতে চান তাহলে px, আপনি ডিফল্ট পরিবর্তন করতে পারেন প্রদর্শন ইউনিট বা ব্যবহারকারী-ইউনিট থেকে pxনথির বৈশিষ্ট্য মধ্যে (ফাইল> দস্তাবেজ বিশিষ্টতাসমূহ> ট্যাব: পৃষ্ঠা> সাধারণ> প্রদর্শন ইউনিট)

  1. ডিফল্ট, মিমি:

নথির বৈশিষ্ট্য মিমি

  1. পরিবর্তিত: px:

নথি বৈশিষ্ট্য px

একই দস্তাবেজটি রফতানির ফলে নিম্নলিখিত এসভিজি ট্যাগের ফলাফল হবে:

<svg width="100" height="100" viewBox="0 0 100 100">

এখন এসভিজি স্কেল ফ্যাক্টরটি 1px / 1 user-unit

আপনি যদি এই বিষয় সম্পর্কে আরও জানতে চান তবে ইনস্কেপ উইকিতে আরও বিস্তারিত ব্যাখ্যা রয়েছে

মন্তব্য:

  • Inkscape v0.92 96px/in, ইনস্কেপ v0.91 এবং এর পূর্বে এর মান ব্যবহার করে relation90px/in

কি দারুন. অনেক আগ্রহব্যাঞ্জক. সুতরাং এটি একটি ছড়া এবং কারণ ছিল। আপনার জ্ঞান ভাগ করে নেওয়ার জন্য অনেক ধন্যবাদ!
oldboy

আমি আপনার ব্যবহৃত হোয়াইটআউট কৌশলটি মনে করতে যাচ্ছি। আমি সাধারণত স্ক্রিনশট গুরুত্বপূর্ণ অংশ প্রায় লাল স্কোয়ার করা আপনার তাই অনেক nicer।
আআআআআআআআআআআআআআআআআআআআআআচ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.