যদি আপনি একটি SVG এর সাহায্যে একটি ছবি কেটে ফেলতে চান, তাহলে CSS প্রপার্টি ক্লিপ-পাথ ব্যবহার করার পরামর্শ দেওয়া হয়। নিচের স্ক্রিপ্টটি বাধা সৃষ্টি করে: ইলাস্ট্রেটরের সাহায্যে এসভিজি সংরক্ষণ করা যায়, আপনি একটি এসভিজি (আপেক্ষিক বা পরম) ইউআরএল নির্দিষ্ট করতে পারেন (ক্রোম এখন পর্যন্ত শুধুমাত্র ইনলাইন এসভিজি পর্যন্ত সমর্থন করে) এবং নেকলাইনটিও সম্পূর্ণরূপে প্রতিক্রিয়াশীল।
প্রথমে আপনি Adobe Illustrator এ একটি ক্লিপিং মাস্ক তৈরি করুন এবং নিম্নলিখিত সেটিংস দিয়ে SVG রপ্তানি করুন:
SVG এবং ইমেজের অনুপাত অনুপাত একই হওয়া উচিত। অবশেষে, বাহ্যিক এসভিজি ছবিতে উল্লেখ করা হয়েছে, উদাহরণস্বরূপ ডেটা-ক্লিপ বৈশিষ্ট্যে:
1e4823ee95525ce0e04bb693c48e0e35
এখন আপনি নিম্নলিখিত স্ক্রিপ্ট সংহত করুন:
1e4823ee95525ce0e04bb693c48e0e35
ফলাফল হল যে:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.