SVG ঘুরান কিভাবে জানুন

স্কেলেবেল ভেক্টর গ্রাফিক্স ঘোরান ফাংশন

একটি চিত্র ঘোরানো এ চিত্রকে যে কোণে প্রদর্শিত হবে তা পরিবর্তন করবে। সহজ গ্রাফিক্সের জন্য, এটি কিছু বৈচিত্র্য এবং সুদ যুক্ত করতে পারে যা অন্যথায় সহজবোধ্য বা বিরক্তিকর চিত্র হতে পারে। সব পরিবর্তনের সঙ্গে, একটি অ্যানিমেশন অংশ হিসাবে একটি স্ট্যাটিক গ্রাফিক জন্য কাজ ঘোরান বা। এসভিজি, অথবা স্কেলেবল ভেক্টর গ্রাফিক্সগুলিতে ঘূর্ণন কিভাবে ব্যবহার করা শিখবে, আপনার আকৃতির নকশায় একটি স্বতন্ত্র কোণের অনুরোধ করতে পারবেন। SVG ঘূর্ণন ফাংশনটি কোনও দিকের ছবিটি কোনও দিকে ঘুরিয়ে দিতে কাজ করে।

ঘোরানো সম্পর্কে

ঘূর্ণায়মান ফাংশন সব গ্রাফিক কোণ সম্পর্কে। যখন আপনি একটি SVG চিত্র ডিজাইন করবেন, তখন আপনি একটি স্ট্যাটিক মডেল তৈরি করতে যাচ্ছেন যা সম্ভবত একটি প্রথাগত কোণে বসবে। উদাহরণস্বরূপ, একটি বর্গক্ষেত্র X- অক্ষ বরাবর দুটি পাশ এবং Y- অক্ষ বরাবর দুটি থাকবে। ঘোরানো সঙ্গে, আপনি যে একই বর্গ নিতে এবং এটি একটি হীরা গঠন চালু করতে পারেন।

শুধুমাত্র এক প্রভাব সঙ্গে, আপনি একটি খুব সাধারণ বক্স (যা ওয়েবসাইটের মধ্যে সুপার সাধারণ) থেকে হীরা পর্যন্ত চলে গেছে, যা সব সাধারণ এবং যা একটি ডিজাইন কিছু আকর্ষণীয় চাক্ষুষ বৈচিত্র যোগ করেনি। ঘোরানো SVG মধ্যে অ্যানিমেশন ক্ষমতা অংশ। একটি বৃত্ত প্রদর্শিত হতে পারে ক্রমাগত চালু করতে পারেন। এই গতিটি দর্শকের মনোযোগ আকর্ষণ করতে পারে এবং আপনাকে সাহায্য করতে পারে কীভাবে আপনার এলাকার মূল এলাকা বা ডিজাইনের উপর তাদের দৃষ্টিভঙ্গিকে ফোকাস করা যায়।

তত্ত্বটিতে কাজটি ঘোরান যে চিত্রের এক বিন্দু স্থির থাকবে। একটি ধাক্কা-পিন সঙ্গে কার্ডবোর্ড সংযুক্ত কাগজ একটি টুকরা কল্পনা করুন। পিন অবস্থান স্থায়ী স্পট হয়। যদি আপনি একটি প্রান্তকে কাঁটা করে এবং ঘড়ির কাঁটার দিকে বা পাল্টা-ঘড়ির গতিতে ঘোরানো দ্বারা কাগজটি চালু করেন, তবে ধাক্কা-পিন নাড়াচাড়া করে না, তবে আয়তক্ষেত্রটি এখনও পরিবর্তন করে। কাগজটি স্পিন হবে, তবে পিনের নির্দিষ্ট বিন্দু অপরিবর্তিত থাকবে। এই ঘূর্ণায়মান ফাংশন কিভাবে কাজ অনুরূপ।

সিনট্যাক্স ঘোরান

ঘোরানো সঙ্গে, আপনি ঘুর কোণ এবং নির্দিষ্ট এলাকার কোঅর্ডিনেট তালিকা।

রুপান্তর = "ঘোরান (45,100,100)"

ঘূর্ণন কোণ প্রথম জিনিস আপনি যোগ করা হয়। এই কোডে, ঘূর্ণন কোণ 45-ডিগ্রী। কেন্দ্র পয়েন্ট আপনি পরবর্তী যোগ হবে কি হয়। এখানে, যে কেন্দ্র পয়েন্টটি 100, 100 তে স্থির থাকে। যদি আপনি কেন্দ্রের অবস্থান নির্দেশিকা না লিখেন তবে তারা 0,0 তে ডিফল্ট হবে। নীচের উদাহরণে, কোণ এখনও 45-ডিগ্রী হবে, কিন্তু কেন্দ্রে কেন্দ্র স্থাপন করা হয়নি, এটি 0,0 তে ডিফল্ট হবে।

রুপান্তর = "ঘোরান (45)"

ডিফল্টরূপে, কোণটি গ্রাফের ডান দিকের দিকে যায়। বিপরীত দিকের আকৃতিটি ঘোরানোর জন্য, আপনি একটি নেতিবাচক মান তালিকাতে একটি বিয়োগ চিহ্ন ব্যবহার করুন।

রুপান্তর = "ঘোরান (-45)"

একটি 360 ডিগ্রী বৃত্তের উপর ভিত্তি করে কোণ 45-ডিগ্রী ঘূর্ণন একটি চতুর্থাংশের ঘূর্ণন। যদি আপনি বিপ্লবকে 360 হিসাবে তালিকাভুক্ত করেন, তাহলে ছবিটি পরিবর্তিত হবে না কারণ আপনি আক্ষরিকভাবে একটি পূর্ণ বৃত্তের মধ্যে এটি ফ্লিপিং করছেন, তাই শেষ ফলাফলটি আপনি যেখানে শুরু করেছিলেন তার চেহারাতে একইরকম হবে।