এই ম্যানুয়ালটি আমার পক্ষে কাজ করেছিল। এটা খুব তথ্যপূর্ণ। তিনি লেখক স্কেচ রফতানি সমস্যা সম্পর্কে কথা বলেন। আমি নিবন্ধটি মুছে ফেলা হবে যদি তার নিবন্ধ থেকে উদ্ধৃত করছি।
সামগ্রিক সমাধান
- প্রতিটি আইকনের জন্য একটি আর্টবোর্ড তৈরি করুন (সন্নিবেশ -> আর্টবোর্ড)।
- প্রতিটি আর্টবোর্ডের অবস্থানের অর্ধ-পিক্সেল নেই এবং এটি একটি এমনকি সংখ্যার বিষয়টি নিশ্চিত করুন।
- সমস্ত আইকন ঘূর্ণন অপসারণ।
- যে কোনও সীমানা বাক্সগুলি সরিয়ে ফেলুন যাতে স্কেচ বিনাবিধিবিহীন কোডটি রফতানি করে না।
- সীমানা স্তর> পাথ> ভেক্টরাইজ স্ট্রোকের বাইরে এসভিজিকে আটকাতে বাধা দিন (ধন্যবাদ গাস )
- এক্সপোর্ট ক্লিন .svg
* এটি সেই আইকন যা লেখক রফতানির চেষ্টা করেছিলেন
স্কেচ বাগ রফতানি করছে
বাগ # 1
আর্টবোর্ডের অবস্থানটিকে এমনকি একটি সংখ্যায় পরিবর্তন করে স্থির স্কেচ রফতানি রুপান্তর করে। এটি কোডের কোনও রূপান্তরকে সরিয়ে দেয়। অন্য নোটে, যেহেতু অবস্থানটি অর্ধ-পিক্সেল দ্বারা বন্ধ ছিল, স্কেচ আমার ভিউবক্সের আকার 0 0 25 25 এ পরিবর্তন করেছে। আমার মূল আর্টবোর্ডটি 24 x 24px ছিল was এই বাগ এমনকি কোডে চশমা যুক্ত করেছে। বুয়েনো নেই
বাগ # 2
সমস্যা: নকশা অনুসারে, প্রতিটি আইকন প্রস্থ: 24px, উচ্চতা: 24px এবং সীমানা ব্যাসার্ধ: 3px সেট করা হয়েছিল। সমস্যাটি হচ্ছে, রফতানি করার সময়, আয়তক্ষেত্রটি পথে যুক্ত করা হয়েছিল, ফলে CSS দ্বারা কোনও আকারে স্কেল করা কঠিন হয়ে পড়ে।
সমাধান: যে কোনও স্বচ্ছ বাউন্ডিং বাক্স মুছুন এবং সিএসএসকে যাদু করতে দিন। সমস্ত বিকাশকারীকে সত্যই দরকার ছিল ভিউবক্সটি 24 x 24px এ সেট করা হয়েছিল। তারা প্রস্থ, উচ্চতা এবং সীমানা ব্যাসার্ধ যোগ করতে পারে।
বাগ # 3
সমস্যা: স্কেচ একটি ঘোরানো রফতানি করে (-180.000000)।
<path d=”M16,7.4 L14.4864865,6 L8,12 L14.4864865,18 L16,16.6 L11.027027,12 L16,7.4 Z” fill=”#000000" transform=”translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) “></path>
সমাধান: আপনার .svg আইকনটি অ্যাডোব ইলাস্ট্রেটারে খুলুন, আইকনটি ঘোরান, তারপরে টেনে টেনে স্কেচে ফিরে যান। এটি সমস্ত একসাথে আবর্তন সরিয়ে দেয়।
বাগ # 4
সমস্যা: স্লাইস সরঞ্জাম রফতানি অনুবাদ এবং আবার রূপান্তর ব্যবহার করে। সমাধান: কিছুই না। শুধু এটা করবেন না। যাইহোক টুকরো টুকরো করতে এটি খুব বেশি সময় নেয় এবং এটি সময়ের অপচয়।