আইকন ফন্টের জন্য স্কেচ থেকে রফতানি করা হচ্ছে


9

আমি ফন্টেলোতে আমদানির জন্য স্কেচ থেকে এসভিজি আইকনগুলি রফতানি করার চেষ্টা করছি, তবে এসভিজি অ্যাপ্লিকেশনটির জন্য সঠিক বলে মনে হচ্ছে না (তারা আইকোমুনেও কাজ করে না)।

আমি যে আইকনটিকে পরীক্ষা হিসাবে তৈরি করতে চাইছি তা হ'ল একটি 'হ্যামবার্গার' স্টাইলের আইকন যা কেবল কয়েকটি লাইন, তবে তারা সঠিকভাবে কাজ করবে না। হ'ল হতাশ হ'ল কমপক্ষে।

কারও কি এর সাথে কোনও অভিজ্ঞতা আছে এবং তাদের জ্ঞানের সাথে অংশ নিতে পারে? ধন্যবাদ.


আপনি কি নিজের এসভিজি ফাইলটি ওয়েবে কোথাও রেখে এর লিঙ্ক করতে পারেন? আইকনমুন নিয়ে ঠিক কী সমস্যা? আমি খুঁজে পেয়েছি যদি আমি আমার আকারগুলি কেবলমাত্র ন্যূনতম পাথগুলিতে একীভূত না করি তবে সেই আইকনমুন বিচিত্র জিনিস করবে।
chovy

আইকনমুনে ঠিক কী সমস্যা?
chovy

আমি এটি বুঝতে পেরেছি, আমি এসভিজির সীমানা ব্যবহার করছিলাম এবং আমি বুঝতে পারি নি যে আইকন-ফন্টগুলি এড়িয়ে গেছে।
অ্যালেক্স ম্যাককেবে

আমারও একই রকম (সম্ভবত একই) সমস্যা হচ্ছে। রফতানি করা এসভিজি ফাইলটি ফন্টেলোর মধ্যে টেনে আনলে কিছুই হয় না। এটি ফোন্টেলোর সাথে কোনও বাগ কিনা তা আমি বলতে পারি না বা কোনও কারণে ফাইলটি স্বীকৃত নয়।
এলিয়ট্রেগান

আমি আইকুন ব্যবহার করতে সরানো হয়েছে। .Svg ফাইলগুলি আরও ভালভাবে পড়তে পারে বলে মনে হচ্ছে। আমি আরও দেখতে পেলাম যে আপনি যদি সীমানা ব্যবহার করেন তবে এটি পুরো জিনিসটি ফেলে দেবে।
অ্যালেক্স ম্যাককেবে

উত্তর:


11

আইকুমুন সঠিক আমদানির জন্য স্কেচ থেকে এসভিজি কীভাবে রফতানি করতে হবে তা আমি আবিষ্কার করেছি:

ধাপ 1

পাথ গোষ্ঠীটি নির্বাচন করে এবং স্তরকে ক্লিক করুন: স্তর> পাথ> ভেক্টরাইজ স্ট্রোকের মাধ্যমে এসভিজিকে সীমানা ছাড়িয়ে যাওয়া থেকে বিরত করুন

এটি কাজ করেছে তা জানতে, স্ট্রোকগুলি যেখানে বন্ধ পথগুলিতে রূপান্তরিত হয়েছে এবং পরিদর্শক এখন সীমানার বর্ণের পরিবর্তে ফিল রঙটি প্রদর্শন করে ।

ধাপ ২

পরিদর্শকের মেক এক্সপোর্টেবল ট্যাবে ক্লিক করে এবং এসভিজি ফর্ম্যাট নির্বাচন করে প্রতিটি আইকন / এসভিজি রপ্তানি করুন

ধাপ 3

এসভিজি আইকনগুলি যথারীতি আইকোনমনে আমদানি করুন, এখন সেটটি আইকনগুলি সঠিকভাবে প্রদর্শন করবে এবং গ্রিডের আকারটি সঠিক হওয়া উচিত। দ্রষ্টব্য: আপনার স্কাইচে থাকা সমস্ত এসভিজির উচ্চতা একই রয়েছে তা নিশ্চিত করুন।

আপডেট করুন ২০১ @ জ্যাকোকনারের প্রতি ধন্যবাদ জানাতে যে ধন্যবাদ:

২০১ In সালে স্কেচ মেনু বিকল্পটি স্তর> রূপান্তরিত রূপরেখা


ভেক্টরাইজ স্ট্রোকের বিকল্পগুলি সম্পর্কে আমি পুরোপুরি ভুলে গিয়েছিলাম। ধন্যবাদ মানুষ!
অ্যালেক্স ম্যাককেবে

"... আপনার স্কাইচে থাকা সমস্ত এসভিজির উচ্চতা একই আছে কিনা তা নিশ্চিত করুন?" উদাহরণস্বরূপ আপনি কীভাবে এটির জন্য বিয়োগ চিহ্ন ("-") পরিচালনা করবেন?

1
2016 সালে, স্কেচ মেনু বিকল্পটি স্তর>
রূপরেখায়

1

এই ম্যানুয়ালটি আমার পক্ষে কাজ করেছিল। এটা খুব তথ্যপূর্ণ। তিনি লেখক স্কেচ রফতানি সমস্যা সম্পর্কে কথা বলেন। আমি নিবন্ধটি মুছে ফেলা হবে যদি তার নিবন্ধ থেকে উদ্ধৃত করছি।

সামগ্রিক সমাধান

  1. প্রতিটি আইকনের জন্য একটি আর্টবোর্ড তৈরি করুন (সন্নিবেশ -> আর্টবোর্ড)।
  2. প্রতিটি আর্টবোর্ডের অবস্থানের অর্ধ-পিক্সেল নেই এবং এটি একটি এমনকি সংখ্যার বিষয়টি নিশ্চিত করুন।
  3. সমস্ত আইকন ঘূর্ণন অপসারণ।
  4. যে কোনও সীমানা বাক্সগুলি সরিয়ে ফেলুন যাতে স্কেচ বিনাবিধিবিহীন কোডটি রফতানি করে না।
  5. সীমানা স্তর> পাথ> ভেক্টরাইজ স্ট্রোকের বাইরে এসভিজিকে আটকাতে বাধা দিন (ধন্যবাদ গাস )
  6. এক্সপোর্ট ক্লিন .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 সমস্যা: স্লাইস সরঞ্জাম রফতানি অনুবাদ এবং আবার রূপান্তর ব্যবহার করে। সমাধান: কিছুই না। শুধু এটা করবেন না। যাইহোক টুকরো টুকরো করতে এটি খুব বেশি সময় নেয় এবং এটি সময়ের অপচয়।


0

আপনি যদি সাব-পাথ ব্যবহার করছেন তবে রফতানির আগে আকারটি সমতল করুন। ম্যানুয়ালি যৌগিক পাথ তৈরির বিষয়ে আমি ফন্টেলোতে এখনও ত্রুটি পেয়েছি, তবে মনে হয় এটি সঠিকভাবে কাজ করেছে।

(আমার আকৃতিটি একটি বৃত্ত ছিল যার মধ্যে দুটি আকার কেটে গেছে))


দুর্ভাগ্যক্রমে, আপনি কেবল আকারগুলিতে একে অপরকে ছেদ করতে পারেন। আপনি যদি বিয়োগ ব্যবহার করছেন, এটি আপনাকে দেয় না।
অ্যালেক্স ম্যাককেবে

@ অ্যালেক্স ম্যাককেবে কীভাবে যে পথগুলিকে একে অপরের বিয়োগফলকে সমতল করতে হবে তার কোনও খবর?
গুইডো বোম্যান

বন্ধু কিছু ছিল না, করণীয় হ'ল সবচেয়ে ভাল কাজটি আপনার আকারগুলি যথাসম্ভব সরল করা বা লাইনগুলিতে হাত দেওয়া join যা একটি দুঃস্বপ্ন: /
অ্যালেক্স ম্যাককেবে
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.