ভিউবক্স = "- 155.7 -99 510 510" সহ আমার কাছে একটি এসভিজি ফাইল রয়েছে। আমি বিশ্বাস করি এটি ম্যাক ওএস এক্স পূর্বরূপে -155.7 -99 এর মধ্যে পাথগুলি অফসেট করে। যখন আমি ইলাস্ট্রেটারে এসভিজি খুলি, পাথগুলি মোটেও অফসেট হয় না। আমি কীভাবে এই এসজিজি রফতানি করব:
আমি আর্টবোর্ডের অবস্থান পরিবর্তন করার চেষ্টা করেছি তবে ভিউবক্সের উত্স কখনই 0,0 হয় না।
উত্তর:
আমি এসভিজির উপর একটু গবেষণা করেছি এবং দৃশ্যত ভিউবক্স কোনও উপাদান নয় যা ইলাস্ট্রেটের মাধ্যমে রফতানযোগ্য। ভিউবক্সের উপাদানটি নির্দিষ্ট কিছু প্রোগ্রামগুলির সাথে সামঞ্জস্যপূর্ণ যা এই উপাদানটি ব্যবহার করতে বা এটি পরিচালনা করতে পছন্দ করে। দুঃখের বিষয়, Illustrator তাদের মধ্যে একটি নয়।
আপনি যদি "ইলাস্ট্রেটর সম্পাদনার ক্ষমতা সংরক্ষণ করুন" ছাড়াই ইলাস্ট্রেটর থেকে এসভিজি সংরক্ষণ করেন তবে আপনি প্রক্রিয়াটি বিপরীত করতে পারেন। আপনি এসভিজি ফাইলের ডেটাতে যা কিছু পরিবর্তন করুন তা ইলেস্ট্রেটারে প্রতিফলিত হবে তবে সিউডো-ভিউবক্স তৈরি করতে আর্টবোর্ড এবং স্তর উভয়কেই পুনরায় স্থাপন ও আকার দেওয়ার মাধ্যমে।
আপাতত আপনি যা করতে পারেন তা হ'ল ইলাস্ট্রেটারে ডিজাইনের কাজ এবং ফাইল ডেটার মধ্যে ভিউবক্সের অফসেট এবং অবস্থান নির্ধারণের জন্য সমস্ত অতিরিক্ত কোড। আপনি কেবল আর্টবোর্ডগুলির প্রস্থ + উচ্চতা / এক্স + ওয়াই অবস্থান পরিবর্তন করে এবং তারপরে আকার এবং অবস্থানের বৈশিষ্ট্যগুলিকেও পরিবর্তন করে সিউডো-ভিউবক্স তৈরি করতে পারেন। তবে সম্পাদনাযোগ্য ভিউবক্সের বৈশিষ্ট্যযুক্ত চিত্রের কাছে কোনও আপডেট প্রকাশ না করা হলে সত্যিকারের ভিউবক্সের বৈশিষ্ট্য কখনই পাওয়া যাবে না।
ইলাস্ট্রেটারে এসভিজি ফর্ম্যাটটিতে কিছু পাঠ্য: অ্যাডোব ইলাস্ট্রেটর এসভিজি ফর্ম্যাটে সংরক্ষণ করুন
আমি বেশ কয়েকবার এই সমস্যায় পড়েছি এবং ইলাস্ট্রেটর থেকে রফতানি করার সময় এসভিজি ভিউবক্সকে নির্ভরযোগ্যভাবে 0, 0 এ পুনরায় সেট করতে আমার পক্ষে কাজ করেছে এমন একমাত্র জিনিসটি হল একটি নতুন ফাঁকা ডকুমেন্ট তৈরি করা এবং এতে আর্টওয়ার্কটি অনুলিপি করে আটকানো to ।
এই অচ্ছুত ডিফল্ট আর্টবোর্ডের উপরের বাম কোণটি ভিউ বক্সের 0, 0 পয়েন্ট হিসাবে রফতানি করবে। আপনার আর্টওয়ার্কটি ঠিক ০, ০ থেকে শুরু করতে চাইলে স্মার্ট গাইড ( cmd-u) বা alignউইন্ডো সেট ব্যবহার করুন Align to Artboard।
আপনি নীচের ডান কোণ থেকে আর্টবোর্ডটি নিরাপদে আকার দিতে পারেন, তবে আপনি উপরের বাম কোণে সরিয়ে ফেললে জিনিসগুলি ভুল হতে শুরু করে। আর্টবোর্ডের শীর্ষ বাম কোণে সরিয়ে নেওয়া বা এসভিজি ফাইলগুলি এআইতে আমদানি করাকে শাসক, আর্টবোর্ড এবং একরকম অদৃশ্য গোপন ভিউবক্স মূল উত্সের মধ্যে একরকম অদ্ভুত অভ্যন্তরীণ সংযোগ দেখা দেয় যা কেবল ইলাস্ট্রেটারের কাছেই পরিচিত।
আফিকা, ওয়েব বা উদীয়মান প্রযুক্তির সাথে করণীয় হিসাবে, এসভিজির কাছে অ্যাডোবের দৃষ্টিভঙ্গি কিছু অদ্ভুতভাবে একসাথে নিক্ষেপ করা হয়েছে যাতে তারা একটি প্রেস বিজ্ঞপ্তিতে এ নিয়ে গর্ব করতে পারে, তারপরে এটি ছদ্মবেশী, অসম্পূর্ণ এবং অবহেলিত রাখবে, ভান করে না 1998 এর মতোই বিদ্যমান এবং চালিয়ে যাচ্ছে
viewboxপরিবর্তিত হওয়ার মানগুলিতে সরাসরি অনুবাদ করবে । একটি নতুন দস্তাবেজ তৈরি এবং সমস্ত শিল্পকর্ম অনুলিপি করার ক্ষেত্রে আপনি সম্পূর্ণ সঠিক are আপনার উত্তরটি সঠিক +1 হিসাবে চিহ্নিত করা উচিত।
Preserve Illustrator Editing Capabilitiesবেশি সামঞ্জস্য করার প্রয়োজনে আমি প্রথম বার সঞ্চয় করার বিষয়টিও নিশ্চিত করেছিলাম এবং তারপরে আমার মনে হয় সবকিছু বেশ ভাল হয়েছে, আমি এটি ব্যতীত সংরক্ষণ করি (ফাইলের আকারের বৃদ্ধিটি তাত্পর্যপূর্ণ যাতে আপনি করতে চান) এই)
আমি জানি যে বিষয়টিটি খুব দেরীতে হয়েছে তবে আমার এই একই সমস্যা ছিল এবং নিম্নলিখিতটি করেছিলেন।
আশা করি এটি অন্য কাউকে সহায়তা করবে।
width="<W>" height="<H>"আপনার পছন্দের পাঠ্য সম্পাদককে এসভিজি ট্যাগে যুক্ত করতেও সহায়তা করেছি (যেখানে <W>এবং <H>দশমিক সংখ্যা হবে)।
আমার খুব অনুরূপ সমস্যা ছিল যে আমার এআই তৈরি করেছে এসভিজি কেন্দ্রিক এবং সম্পূর্ণ ব্রাউজার উইন্ডোতে প্রসারিত হয়নি, কারণ এআই আর্টবোর্ডের আকার পরিবর্তন করে রাখে এবং কেন্দ্রিংটি ভুলে যায়।
এটির সমাধানের একমাত্র উপায় হ'ল ইনস্কেপে একটি চূড়ান্ত ম্যানুয়াল প্রক্রিয়াজাতকরণ পদক্ষেপ।
শেষ অবধি, আপনাকে আবার এসভিজি সংরক্ষণ করতে হবে, তবে সংরক্ষণ করুন ডায়ালগটিতে "অনুকূলিত এসভিজি" ফর্ম্যাটটি ব্যবহার করুন। এসভিজি বিকল্পগুলির জন্য একটি ডায়ালগ থাকবে এবং আপনাকে "ভিউবক্সিং সক্ষম করুন" সক্ষম করতে হবে।
যেহেতু আমার সমস্ত এসভিজি একই আকারের আইকন, তাই সবসময় একই ক্যানভাস এবং অবজেক্ট আকার থাকায় এই প্রক্রিয়াজাতকরণের পদক্ষেপটি মাত্র 1 মিনিট সময় নেয়। তবে হ্যাঁ, এটি একটি লজ্জার বিষয় যে এই পদক্ষেপটি আদৌ প্রয়োজন এবং এটি এআই এ স্থির করা উচিত।
আমি এটি খুঁজে বের করেছি। অবশেষে! এটি করার একটি সহজ উপায় আছে। তাই ভালো:
<svg id="xbox" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60.7"><title>xbox</title><rect width="200" height="60.68" style="fill:none"/><path d="M195.2,49.2l-11.8-16-11.5,16h-4.8L181.2,30,168.4,12.8h4.8l10.2,14,10.5-14h4.8L185.9,30,200,49.2Zm-90.7,0L90.4,30l12.8-17.2H98.4l-10.5,14-10.3-14H72.8L85.6,30l-14,19.2h4.8l11.5-16,11.8,16Z" style="fill:#0f7c10"/><path d="M131,31.3l-2.2-1.6a8.2,8.2,0,0,0,4.4-7c0-2.6-.9-9.9-12.1-9.9H106.4V28.4h-4.8l-2.9,3.5h7.7V49.2h14.7c8.3,0,13.1-4.2,13.1-10.9a8.6,8.6,0,0,0-3.2-7m-20.5-15h10.6c3.2,0,8,1,8,6.1s-2.9,6-8,6H110.5Zm10.6,29.1H110.5V31.9h10.6c4.1,0,8.9,1.3,8.9,6.4s-5.4,7.1-8.9,7.1m32.3-33.6c-10.3,0-17.3,7.7-17.3,19.2s7,18.8,17.3,18.8,17.5-7.6,17.5-18.8-7.3-19.2-17.5-19.2m0,34.2c-7.7,0-13.1-6.1-13.1-15s5.4-15.3,13.1-15.3S166.8,22,166.8,31s-5.5,15-13.4,15M8.9,8.6h0A31,31,0,0,0,0,30.4,32.5,32.5,0,0,0,6.1,48.9h.3C4.2,41.5,16,24.3,22,16.9h0C11.8,6.4,8.9,8.9,8.9,8.6m42.9,0h0a31,31,0,0,1,8.9,21.8,32.5,32.5,0,0,1-6.1,18.5h-.3c2.2-7-9.6-24.3-15.6-31.6h0C48.9,7,51.8,9.6,51.8,9.3M30.4,0A29.9,29.9,0,0,1,46.3,4.5h0c0,.3,0,.3-.3.3C40.3,3.5,31.3,8.3,30.4,8.9h0C28.1,7.7,19.8,3.2,14.7,4.8a.3.3,0,0,1-.3-.3h0A30,30,0,0,1,30.4,0m0,24.3h0c9.2,7,24.9,24.3,20.1,29.1h0a31.5,31.5,0,0,1-40.3,0h0C5.8,48.6,21.1,31.3,30.4,24.3h0" style="fill:#0f7c10"/></svg>সমস্যাটি ছিল যখন আপনি ইলাস্ট্রেটর থেকে কোনও চিত্র রফতানি করেন (যতগুলি করেন) আর্টবোর্ডটি রফতানি হওয়া এসভিজিতে অন্তর্ভুক্ত করা হয় না। পাথগুলিতে তাদের গণনা ভিত্তিক করার কিছুই নেই।
আমার ক্ষেত্রে আমার চিত্রগুলির সর্বাধিক উচ্চতা ছিল 100pxএবং আমাকে এই চিত্রগুলির প্রস্থ এবং উচ্চতার উপর ভিত্তি করে সিএসএস শৈলীর ভিত্তি করা দরকার। সিএসএসে আমি vwইউনিটগুলি ব্যবহার করি , বা 100%এসভিজি যদি ব্লক স্পেস পূরণ করতে হয় তবে কেবল পুরানো plain এই স্কেল সুন্দরভাবে। এটি সঠিকভাবে প্রদর্শিত হচ্ছে তা নিশ্চিত করার জন্য আপনি CSS এ প্রস্থ এবং উচ্চতা নির্ধারণের বিষয়ে গোলমাল করেন নি।
আমি প্রতিটি লোগো দিয়েছিলাম এবং উচ্চতাটি সেট করেছিলাম এবং 100pxপ্রস্থের অনুপাতের ভিত্তিতে প্রস্থের অটোকে গণনা করতে দেই। আমি আর কোনও অব্যবহৃত স্থান সরাতে লোগোতে আর্টবোর্ডটি ফিট করি।
আমি একটি আয়তক্ষেত্রটি নির্বাচন করেছি এবং ফিল এবং স্ট্রোক বন্ধ করে দিয়েছি এবং আমি নিশ্চিত করেছি যে এটি আর্টবোর্ডের মতো সঠিক আকার। এই ফাঁকা বস্তুটি পিছনে রাখুন। এখন আপনি যখন রফতানি করবেন তখন গণনার কাজ করার জন্য একটি বেস থাকবে।
কোডটিতে এটি করার জন্য এটি প্রদর্শিত হয় আপনি একটিতে পাথগুলি মোড়ানো করতে পারেন rectএবং এর প্রস্থ এবং উচ্চতা নির্ধারণ করতে পারেন এবং তারপরে আপনি এটির সাথে সেট করতে পারেন viewBox(দিক অনুপাতটি একই রাখুন)। যেমন উপরের উদাহরণে দেখানো হয়েছে। আমি আসলে এটি পরীক্ষা করে দেখিনি তবে আমি পরীক্ষা করে আপডেট করব।
আমি ইনস্কেপ ব্যবহার করে এটি ঠিক করতে সক্ষম হয়েছি । দেখে মনে হচ্ছে ইলাস্ট্রেটারের এসভিজি ফাইলগুলির জন্য দুর্বল সমর্থন রয়েছে।
