স্কেলেবল ভেক্টর গ্রাফিক্স: সংশোধিত সংস্করণের মধ্যে পার্থক্য
বিষয়বস্তু বিয়োগ হয়েছে বিষয়বস্তু যোগ হয়েছে
শ্রীবিশ্বজিৎ (আলোচনা | অবদান) সম্পাদনা সারাংশ নেই |
শ্রীবিশ্বজিৎ (আলোচনা | অবদান) সম্পাদনা সারাংশ নেই |
||
৩১ নং লাইন:
SVG চিত্র এবং তার আচরণসমূহ সংজ্ঞাত থাকে XML টেক্স্ট ফাইলে। ফলে এদের অনুসন্ধান করা, সূচনাবদ্ধ করা, স্ক্রীপ্ট দ্বারা প্রকাশ করা সম্ভব হয়। XML ফাইল হিসাবে, SVG চিত্র কোনো টেক্স্ট সম্পাদনাকারী সফ্টওয়্যার([[:en:Text_editor|text editor]]) কিম্বা কোনো চিত্রাঙ্কন-সফ্টওয়্যার উভইয়ের দ্বারাই তৈরি এবং সম্পাদনা করা যায়।
মোজিলা ফায়ারফক্স্, ইন্টারনেট এক্সপ্লোরার, গুগ্ল ক্রোম, অপেরা, সাফারি, মাইক্রোসফ্ট এজ ([[Mozilla Firefox]], [[:en:Internet_Explorer|Internet Explorer]], [[Google Chrome]], [[Opera (web browser)|Opera]], [[:en:Safari_(web_browser)|Safari]], [[:en:Microsoft_Edge|Microsoft Edge]]) প্রভৃতি সকল আধুনিক ওয়েব
=== প্রাথমিক ধারনা ===
[[File:Bitmap VS SVG.svg|300px|thumb|এই চিত্র বিটম্যাপ এবং ভেক্টর চিত্র-রূপদান পদ্ধতির মধ্যে পার্থক্য নির্দেশ করছে। বিটম্যাপ চিত্রটি কতকগুলি নির্দিষ্ট বিন্দু (পিক্সেল)-র সমন্বয়ে গঠিত, যেখানে, ভেক্টর চিত্রটি কতকগুলি নির্দিষ্ট আকার-এর সমন্বয়ে গঠিত। চিত্রে, বিটম্যাপ-কে বিবর্ধিত করতে গেলে চিত্র-বিন্দুগুলি প্রকাশ হয়ে পড়ে, যদিও, ভেক্টরের ক্ষেত্রে আকারগুলি অক্ষুণ্ণ থাকে।]]
[[:en:World_Wide_Web_Consortium|ওয়ার্ল্ড ওয়াইড ওয়েব কন্সর্টিয়াম]]-এ 1998 সাল নাগাদ ভেক্টর গ্রাফিক্স্ উপস্থাপনার জন্য ছয়টি প্রতিদ্বন্দ্বি প্রস্তাবনা জমা পড়ে। এরপর SVG নির্মানের পর্যায় চলেছে 1999 থেকেই। প্রাথমিক SVG কর্মসমিতি জমা পড়া কোনো বাণিজ্যিক প্রস্তাবনা ভিত্তিক রূপায়ন না ক'রে, তাদের তথ্যগুলির সাহায্যে নতুন এক মার্কআপ ভাষা উদ্ভাবন করার সিদ্ধান্ত নেয়।<ref>{{ওয়েব উদ্ধৃতি|url=http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG|title=Secret Origin of SVG - SVG|language=en|access-date=2017-02-08}}</ref>
SVG তিন ধরনের চিত্র-বস্তু নিয়ে কাজ করতে পারেঃ [[:en:Vector_graphics|ভেক্টর গ্রাফিক]] আকার (vector graphics shapes), যেমন সঞ্চারপথ- সরল ও বক্র রেখা সমন্বিত সীমা, বিটম্যাপ চিত্র ([[:en:Bitmap|bitmap]]) এবং টেক্স্ট(লেখা)। গ্রাফিক বস্তুসমূহের শ্রেনীবিন্যাস করা যায়, সৌন্দর্যায়ন করা যায়, রূপান্তর করা যায় ও পূর্বনির্ধারিত বস্তুতে [[:en:Rendering_(computer_graphics)|রূপদান]] করা যায়। মূল সুবিধাগুলির মধ্যে রয়েছে ট্রান্সফরমেশন ([[:en:Transformation_(geometry)|transformations]]), ক্লিপিং পাথ([[:en:Clipping_path|clipping paths]]), আলফা মাস্ক্স([[:en:Alpha_compositing|alpha masks]]), ফিল্টার এফেক্টস([[:en:SVG_filter_effect|filter effects]]) এবং টেম্প্লেট অবজেক্টস। SVG চিত্র ক্রিয়াশীল([[:en:Interactivity|interactive]]) হতে পারে আর তাতে চলচ্ছবি ([[:en:Animation|animation]]) থাকতে পারে, যা হতে পারে SVG XML উপাদান দ্বারা, কিম্বা SVG [[:en:Document_Object_Model|Document Object Model]] (DOM) ভিত্তিক স্ক্রীপ্টিং ([[:en:Scripting_language|scripting]]) এর সাহায্যে। SVG দৃশ্য রূপায়ন করতে ব্যবহার করে [[:en:Cascading_Style_Sheets|CSS]] এবং লিপিকরণের জন্য ব্যবহার করে [[:en:JavaScript|জাভাস্ক্রীপ্ট]]। [[:en:Internationalization_and_localization|আন্তর্জাতিকিকরণ ও স্থানীয়করন]] সহ, টেক্স্ট সাধারণ লেখা হিসাবে SVG DOM-এর মধ্যে ব্যবহার হওয়ার ফলে, SVG চিত্রণের [[:en:Accessibility#Web_accessibility|গ্রহনযোগ্যতা]] বৃদ্ধি পায়।<ref>{{ওয়েব উদ্ধৃতি|url=http://www.w3.org/TR/2011/REC-SVG11-20110816/|title=Scalable Vector Graphics (SVG) 1.1 (Second Edition)|access-date=2017-02-10}}</ref>
SVG সংজ্ঞা 1.1 সংস্করণে পরিণতি পায় 2011 সালে। অপেক্ষাকৃত কম গণনা শক্তি এবং চিত্রণ শক্তির [[:en:Mobile_device|মোবাইল যন্ত্রসমূহের]] জন্য দু' ধরণের মোবাইল SVG প্রোফাইল ('Mobile SVG Profiles') হয়, ক্ষুদ্র-SVG (SVG Tiny) আর সাধারণ SVG (SVG Basic)।<ref>{{ওয়েব উদ্ধৃতি|url=https://www.w3.org/TR/SVGMobile/|title=Mobile SVG Profiles: SVG Tiny and SVG Basic|language=en|access-date=2017-02-10}}</ref> স্কেলেবল ভেক্টর গ্রাফিক্স 2, 15-ই সেপ্টেম্ব্র 2016 তে এক W3 প্রার্থী সুপারিশ ([[:en:World_Wide_Web_Consortium#Specification_maturation|W3C Candidate Recommendation]]) হয়েছিল। SVG 2 তে SVG 1.1 এবং SVG Tiny 1.2-এর অতিরিক্ত বহু নতুন সুবিধা যুক্ত হয়।<ref>{{ওয়েব উদ্ধৃতি|url=https://www.w3.org/TR/SVG2/|title=Scalable Vector Graphics (SVG) 2|language=en|access-date=2017-02-10}}</ref>
==== মুদ্রণ ====
যদিও SVG সংজ্ঞা প্রাথমিক ভাবে গুরুত্ব প্রদান করে [[:en:Vector_graphics_markup_language|ভেক্টর গ্রাফিক্স মার্কআপ ভাষা]]-কেই, এর গঠনের মধ্যে অ্যাডোব-এর [[:en:Portable_Document_Format|PDF]] এর মতো পৃষ্ঠা বর্ণনা ভাষার ক্ষমতা রয়েছে। এতে সমৃদ্ধ গ্রাফিক্স-এর ব্যবস্থা রেছে, আর দৃশ্যসজ্জার জন্য এটি CSS-এর সাথে মানানসই। মুদ্রিত পৃষ্ঠায় প্রতিটি গ্রাফিক চিহ্ন এবং চিত্রকে নির্দিষ্ট অভিষ্ট স্থানে স্থাপন করার উপযুক্ত তথ্য ব্যবস্থা SVG-র আছে।<ref>{{ওয়েব উদ্ধৃতি|url=http://www.svgopen.org/2002/papers/danilo_fujisawa__svg_as_page_description_language/index.html|title=SVG.Open/Carto.net 2002, Zurich, SVG as a Page Description Language|language=en-US|access-date=2017-02-10}}</ref> SVG-র একটি মুদ্রণ-প্রধান অধিঃশ্রেনী ([[:en:SVG_Print|SVG Print]], সত্ত্বাধিকারী [[:en:Canon_(company)|Canon]], [[:en:Hewlett-Packard|HP]], [[:en:Adobe_Systems|Adobe]] and [[:en:Corel_Corporation|Corel]]) বর্তমানে একটি [[:en:W3C|W3C]] কার্যকরী খসড়া।<ref>{{ওয়েব উদ্ধৃতি|url=http://www.w3.org/TR/SVGPrint/|title=SVG Print 1.2, Part 2: Language|language=en|access-date=2017-02-10}}</ref>
==== লিপিকরণ এবং অ্যানিমেশন ====
SVG চিত্র গতিশীল ও ক্রিয়শীল হতে পারে। উপাদানসমূহের সময়-ভিত্তিক পরিবর্তন বর্ণিত হতে পারে [[:en:Synchronized_Multimedia_Integration_Language|SMIL]] দ্বারা, অথবা নির্ধারিত হতে পারে কোনো লিপিকরণ ভাষায় ([[:en:Scripting_language|scripting language]], যেমন [[:en:ECMAScript|ECMAScript]] বা [[:en:JavaScript|JavaScript]])। W3C স্পষ্ট ভাবে SMIL কে SVG অ্যানিমেশনের প্রামান্য হিসাবে সুপারিশ করে।<ref>{{সংবাদ উদ্ধৃতি|url=http://news.cnet.com/2100-1023-979976.html|title=W3C releases scripting standard, caveat|newspaper=CNET|language=en|access-date=2017-02-10}}</ref> তবে আগষ্ট 2015 নাগাদ SMIL কে তীব্র ভাবে [[:en:Deprecation|খারিজ]] করা হয় [[:en:Google_Chrome|গুগ্ল ক্রোম]]।
''onmouseover, ''onclick'''' প্রভৃতি বহুসংখ্যক ঘটনা পরিচালক ([[:en:Event_handler|event handlers]]) অরোপিত করা যায় SVG চিত্র-বস্তু সমূহের উপর।
==== সংকোচন ====
| |||