পরিবর্তনযোগ্য ভরাট রঙ, স্ট্রোকের রঙ এবং স্ট্রোক প্রস্থ রয়েছে এমন কীভাবে এসজিজি প্রতীকগুলি তৈরি করবেন?

Question

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

অবশেষে আমি প্রতীকটির সহজতম রূপটি নিয়ে পরীক্ষা করেছি: আমি একটি এসভিজি তৈরি করেছি যাতে ইনস্কেপে কেবল একটি বৃত্ত রয়েছে এবং এটি সংশোধন করার চেষ্টা করেছি।

মূল ফাইলের ( বৃত্ত.এসভিজি ) এই লাইনটি রয়েছে:

<path
   sodipodi:type="arc"
   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.01988637;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"

আমি এটিকে সংশোধন করেছি:

<path
   sodipodi:type="arc"
   style="fill:param(fill) #ffffff;fill-opacity:1;stroke:param(outline) #000000;stroke-width:param(stroke-width) 1.01988637;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"

চেনাশোনা_সামগ্রী.এসভিজি হিসাবে সংরক্ষিত হয়েছে এবং এটি পয়েন্ট প্রতীক হিসাবে নির্বাচন করেছে, তবে কিগিস তিনটি পরামিতি একই সাথে পরিবর্তন করতে পারেনি।

আমি কী ভুল করেছি বা অন্যভাবে করা উচিত?

আমার সিস্টেম: উবুন্টু 12.04 64 বিটের কিগিস 1.8.0, ইনস্কেপ 0.48, গেডিট 3.4.1 পাঠ্য সম্পাদক।

Answer 1

কিউজিআইএস-এ পরিবর্তিতযোগ্য ভরাট রঙ , স্ট্রোক রঙ এবং স্ট্রোক প্রস্থ সহ এসভিজি প্রতীকগুলি তৈরি করতে , আপনাকে পাথ উপাদান থেকে স্টাইল বৈশিষ্ট্যটি এই 3 টি বৈশিষ্ট্যের সাথে প্রতিস্থাপন করতে হবে :

• পূরণ = "পরম (পূরণ) #FFF"
• স্ট্রোক = "পরম (রূপরেখা) # 000"
• স্ট্রোক-প্রস্থ = "পরম (বাহ্যরেখা-প্রস্থ) 1"

আপনি যদি নতুন এসভিজি ফাইল লেখার পরে ইনকস্কেপ ব্যবহার করে থাকেন তবে ফাইলটি সম্পাদনা করুন এবং স্টাইলের সাহায্যে ভিক্ষা করা পুরো লাইনটি প্রতিস্থাপন করুন:

style="fill:#00a000;fill-opacity:1;stroke:#000000;stroke-width:1;(...)"

নিম্নলিখিত লাইন সহ:

fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 1"

Comments

আমি কিউজিআইএস-এ এই লাইনগুলি যুক্ত করব?

— newGIS

আপনি .svg ফাইলটিকে পাঠ্যের সম্পাদক হিসাবে খোলেন এবং তারপরে আপনি এতে কোডের এই লাইনটি যুক্ত করতে পারেন।

— ডিয়াগো ক্যারিব

উত্তর করার জন্য ধন্যবাদ! আমি বাইরে পরিবর্তন করতে হয়েছিল class="st3", না style="fill:#00a...সঙ্গে fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 1"যাতে এটা আমার জন্য কাজ করতে হবে। (আমি চিত্রশ্রেণীতে এসভিজি তৈরি করেছি))

— হেনরিক

Answer 2

গতকাল কীভাবে এসভিজি প্রতীক যুক্ত করতে হবে তা খুঁজে পাওয়ার পরেও আমি এটি করতে চেয়েছিলাম তবে সেগুলি সব কালো ছিল। জাগ্রোচা দ্বারা দেওয়া উত্তরটি কাজ করে - আমি এটিকে ভোট দিতে চেয়েছিলাম তবে সবেমাত্র জিআইএস ফোরামে যোগদানের পরে আমার প্রথমে কিছুটা খ্যাতি পাওয়া দরকার!

আমি এই পৃষ্ঠাটিও পেয়েছি যা উত্তরটির নিশ্চয়তা দেয়: আধুনিক রঙগুলির সাথে QGIS তে এসভিজি সিমবলস

চিহ্নিতকারীটির রঙ পরিবর্তন করার সম্ভাবনা থাকতে, আমাদের পূরণের রঙের জন্য প্লেসহোল্ডারদের 'পরম (পূরণ)', রূপরেখার রঙের জন্য 'পরম (রূপরেখা)' এবং স্ট্রোকের প্রস্থের জন্য 'পরম (রূপরেখা-প্রস্থ)' যুক্ত করতে হবে। এই স্থানধারকগুলি optionচ্ছিকভাবে একটি ডিফল্ট মান অনুসরণ করতে পারে:

<svg width="100%" height="100%">
  <rect fill="param(fill) #ff0000" stroke="param(outline) #00ff00" stroke-width="param(stroke-width) 10" width="100" height="100">
  </rect>
</svg>`

ধন্যবাদ!

Comments

আমি কিউজিআইএস-এ এই লাইনগুলি যুক্ত করব?

— newGIS

Answer 3

সফ্টওয়্যার সম্পর্কে সুনির্দিষ্ট বিবরণ সম্পর্কে এখানে সরবরাহ করা তথ্যের পাশাপাশি যেতে এসভিজির বুনিয়াদি সম্পর্কে একটি সহজ উত্তর প্রদান করা উপযুক্ত বলে মনে হচ্ছে ...

একটি এসভিজি ফাইল কেবল একটি পাঠ্য ফাইল। ফাইলটির সমাপ্তি .svg হবে তবে এটি পাঠ্য সম্পাদককে শেষ .txt সহ কোনও ফাইলের মতোই খোলা যেতে পারে

একটি সাধারণ এসভিজি ফাইল দেখতে এরকম কিছু দেখাচ্ছে:

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
<!-- This is a comment -->

<g id="group1">
<title>My group</title>
<rect id="rectangle1" height="29" width="27" y="50" x="57" stroke-width="1.5" stroke="#000" fill="#ff0"/>
<ellipse ry="17" rx="16" id="circle1" cy="64" cx="113.5" stroke-width="1.5" stroke="#999" fill="#aaa"/>
<path id="path1" d="m56.5,97l51.5,1l5,25l-29,-5l-27.5,-21z" stroke-width="1.5" stroke="#f00" fill="#fff"/>
</g>
</svg>

এতে আপনি দেখতে পাবেন যে রঙগুলি পরামিতিগুলির দ্বারা সংজ্ঞায়িত করা হয় (যেখানে বিন্দুগুলি 0-9 বা এএফ এর মধ্যে অক্ষরের সাথে প্রতিস্থাপন করা হয়):

stroke=#...
fill=#...

এবং স্ট্রোক প্রস্থ দ্বারা সংজ্ঞায়িত করা হয়

stroke-width="..."

এসভিজিতে আপনি যে কোনও সংজ্ঞায়িত মান নির্বাচন করেন তা প্রতিস্থাপন করতে, পাঠ্য সম্পাদক ব্যবহার করে নিম্নলিখিতটি যুক্ত করা যেতে পারে ... কিউজিআইএস দ্বারা মানগুলি সেট করা সম্ভব করে। কিউজিআইএস 'পরম (পূরণ)' - এবং অন্যান্য 'পরম (...)' মানগুলির জন্য একটি মান বোঝে - কারণ এগুলি কিউজিআইএস নিজেই সেট করে আছে।

রঙ পূরণ করুন: fill="param(fill) #FFF"

রূপরেখা / রেখার রঙ: stroke="param(outline) #000"

আউটলাইন / লাইন প্রস্থ: stroke-width="param(outline-width) 1"

অস্বচ্ছতা পূরণ করুন: fill-opacity="param(fill-opacity)"

রূপরেখা / লাইন অস্বচ্ছতা: stroke-opacity="param(outline-opacity)"

নোট করুন যে কিছুটা অদ্ভুত স্থানে 'পরম (...)' মানগুলি ব্যবহার করতে আপনাকে থামানোর মতো কিছুই নেই - উদাহরণস্বরূপ আপনি একটি 'বিট' এর মধ্যে পূরণের রঙ নির্ধারণ করতে 'পরম (পূর্ণ-ধৈর্যশীলতা)' মানটি ব্যবহার করতে পারেন এসভিজি ফাইল, তবে এসভিজির অন্য একটি অংশে স্ট্রোক / লাইন রঙ।

কিউজিআইএস সুরকার বা শৈলী প্রতীক সংলাপে এসভিজি রঙগুলির জন্য সেটিংস মোটামুটি সুস্পষ্ট। রঙ সেটিংসের অংশ হিসাবে ফিল এবং স্ট্রোক / লাইন অস্বচ্ছতা সেট করা আছে। স্ট্রোক / লাইন প্রস্থের সেটিংস সুস্পষ্ট।

শেষ পর্যন্ত দুটি পয়েন্ট

প্রথমে নোট করুন যে কোনও এসভিজিতে থাকাকালীন এটির মতো বৈশিষ্ট্যগুলির সংগ্রহ হিসাবে রঙগুলি সংজ্ঞায়িত করা বৈধ:

style="fill:none;fill-opacity:1;stroke:#000000;"

আপনি এখানে বর্ণিত প্যারামিটারগুলি অন্তর্ভুক্ত করে থাকলে এটি সঠিকভাবে কাজ করবে না বলে মনে হচ্ছে।

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

Answer 4

আমারও একই সমস্যা ছিল কিন্তু কিছু চেষ্টা করার পরে অবশেষে এটি কাজ করে। আমি এখানে পদ্ধতিটি লিখছি এটি আশা করি এটি কোনও উপকারে আসবে। আমি ইনস্কেপে একটি সাধারণ সর্পিল তৈরি করেছি এবং এটি এসভিজি হিসাবে সংরক্ষণ করেছি। তারপরে আমি এটি একটি পাঠ্য সম্পাদক (যেমন নোটপ্যাড ++) এ খুললাম এবং এন্ট্রি "শৈলী" আমার এসভিজি কোডে দুবার ঘটেছে। এই খণ্ডে প্রথম:

<linearGradient
   id="linearGradient6172"
   osb:paint="solid">
  <stop
     style="stop-color:#000000;stop-opacity:1;"
     offset="0"
     id="stop6174" />
</linearGradient>

এবং তারপরে এখানে:

<path
   sodipodi:type="spiral"
   style="fill:none;fill-rule:nonzero;opacity:1;fill-opacity:1;stroke:#000000;stroke-opacity:1;stroke-width:35;stroke-miterlimit:4;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round"
   id="path4686" />

কোডটি কাজ করার জন্য কিউগিসে একটি সম্পাদনযোগ্য এসভিজি সর্পিল থাকতে আমি প্রথম কোড শঙ্ক থেকে প্রথম "স্টাইল" এন্ট্রি সম্পূর্ণভাবে সরিয়েছি:

<linearGradient
   id="linearGradient6172"
   osb:paint="solid">
</linearGradient>

এবং দ্বিতীয় কোড শঙ্কায় দ্বিতীয় "স্টাইল" এন্ট্রিটি নিম্নরূপে প্রতিস্থাপন করুন:

<path
   sodipodi:type="spiral"
   fill="param(fill) #000" stroke="param(outline) #FFF" stroke-  width="param(outline-width) 1"
   id="path4686" />

"# 000" এবং "# এফএফএফ" পূরণ এবং বাহ্যরেখার জন্য দুটি ডিফল্ট রঙ এবং যখন "1" আলাদাভাবে নির্দিষ্ট না করা হয় তবে ডিফল্ট রূপরেখা প্রস্থ হয়। এই পরিবর্তনগুলি সংরক্ষণ করার পরে আপনি এসভিজিটিকে সঠিক পথে সংরক্ষণ করতে পারেন, কিউজিস দ্বারা নির্দিষ্ট একটি (সংস্করণটির উপর নির্ভর করে এটি সেটিংস -> বিকল্পগুলি -> এসভিজি পাথগুলিতে পাওয়া যাবে)। অবশেষে আপনার নতুন এসভিজি অবজেক্টটি অন্যান্য ডিফল্ট অবজেক্টগুলির মধ্যে উপস্থিত হবে এবং এটি সম্পাদনাযোগ্য হবে।

আশা করি এটি সাহায্য করতে পারে

Answer 5

আমি এটি সম্পর্কে প্রসারিত করতে যাচ্ছি কারণ এটি কাজ করতে আমাকে কিছুটা সময় নিয়েছিল। আপনার প্রতীক তৈরি করুন এবং এটি একটি ইনস্কেপ এসভিজি হিসাবে সংরক্ষণ করুন এবং পাঠ্য সম্পাদকটিতে খুলুন। নীচের কোড ব্লকে আপনি দেখতে পাবেন; শৈলী = "ভরাট: # 00a000; ভরাট-ধৈর্যশীলতা: 1; স্ট্রোক: # 000000; স্ট্রোক-প্রস্থ: 1; (...)" এই লাইনটি এর সাথে প্রতিস্থাপন করুন; ভরাট = "প্যারাম (পূরণ) # এফএফএফ" স্ট্রোক = "প্যারাম (আউটলাইন) # 000" স্ট্রোক-প্রস্থ = "প্যারাম (রূপরেখা-প্রস্থ) 1" আমার এসভিজি ফাইলে এসভিজিতে প্রতিটি সত্তা বা আকারের জন্য স্টাইল লাইন উপস্থিত হয় এবং এই লাইনগুলি প্রতিস্থাপন করা আমার পক্ষে কার্যকর হয়নি; তবে একটি ইনস্কেপ এসভিজির নীচে এটি করা কাজ করেছিল। আমি আমার সমাধান এবং এখানে দিকনির্দেশগুলি অপ্টিমাইজড এবং সাদামাটা এসভিজি ফর্ম্যাটগুলিতে চেষ্টা করেছি তবে এটি কার্যকর হয়নি, আশা করি এটি সাহায্য করবে। ইনস্কেপ 0.48, কিউজিআইএস 2.12.0, নোটপ্যাড ++

Answer 6

এটি একটি সমস্যা বলে মনে হচ্ছে, যদি আমরা একটি সঠিক মান ব্যবহার করি। প্রতিবার আমরা বিকল্পগুলি খোলার সময়, রঙ বা স্ট্রোকের জন্য পৃথক মান এসভিজির মধ্যে পুনরায় সেট করা হয়। উন্নত বিকল্পগুলিতে একটি মান সেট করে এটি ঠিক করা যেতে পারে। আমার পরীক্ষাগুলি আমাকে দেখিয়েছিল, এসভিজির fill="param(fill)"পরিবর্তে আরও ব্যবহার করা ভাল fill="param(fill) #FFF"।

আর একটি আকর্ষণীয় কাজ: আপনার যদি অগ্রভাগ এবং পটভূমির রঙের সাথে একটি এসভিজি থাকে তবে আপনি স্ট্রোক রঙটি আপনার ফিল ব্যাকগ্রাউন্ড কালার হিসাবে ব্যবহার করতে পারেন। লক্ষ্য করুন, তারপরে আপনি পুরো এসভিজির জন্য আলাদা আলাদা রূপরেখা রঙ ব্যবহার করতে পারবেন না।

Answer 7

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

দ্রুত সম্পাদনা পরীক্ষা

• অস্থায়ীভাবে আপনার সমস্ত এসজিগ আইকনগুলি QGIS এসভিজি ফোল্ডারটির বাইরে চলে যান move
• আপনি পড়তে কাজ করতে চান এমন svg ফাইলের একটি অনুলিপি তৈরি করুন যাতে আপনি এটি ওভাররাইট না করে এবং এর সম্পাদনযোগ্য সংস্করণ কিউজিআইএস এসভিজি ফোল্ডারে রাখবেন না।
• কিউজিআইএস খুলুন, সাথে কাজ করতে একটি পয়েন্ট স্তর লোড করুন, স্তর বৈশিষ্ট্যগুলি খুলুন এবং "এসভিজি মার্কার" নির্বাচন করুন।
• এছাড়াও আপনি একটি এসভিজি ফাইলে ডান-ক্লিক করতে এবং অস্থায়ীভাবে নোটপ্যাডে ডিফল্ট "ওপেন উইথ" প্রোগ্রাম সেট করতে পারেন যাতে আপনি তাদের নোটপ্যাডে সম্পাদনা করতে ডাবল-ক্লিক করতে পারেন।

এই সেটআপটির সাহায্যে আপনি তাত্ক্ষণিকভাবে দেখতে পাবেন QGIS কীভাবে আপনার সম্পাদনাগুলিতে সাড়া দেয়। নোটপ্যাডে এসভিজি ফাইলটি ও কিউজিআইএসে বৈশিষ্ট্য ফলকটি খোলা রেখে দিন। কোনও সম্পাদনার ফলাফল পরীক্ষা করতে, এটি নোটপ্যাডে সংরক্ষণ করতে কেবল Ctrl + S টিপুন এবং কিউজিআইএস এ স্যুইচ করুন। এসভিজি পুনরায় লোড করতে, প্রতীক স্তর প্রকারটি অন্য যে কোনও ক্ষেত্রে পরিবর্তন করুন, তারপরে এটি এসভিজি চিহ্নিতকারীতে ফিরে যান। সেখানে কেবলমাত্র একজন রয়েছে তাই এটি খুঁজে পেতে আপনার কোনও সমস্যা হয় না। আমি খুব দ্রুত এটির মতো কয়েক ডজন সম্পাদনা পরীক্ষা করেছি। কোনও সম্পাদনার পরে যদি আপনার এসভিজি উত্স ফর্মে ফিরে আসতে কোনও সমস্যা হয় তবে আপনি কেবল এটি মুছতে এবং অন্য অনুলিপি করতে পারেন।

এসভিজি আইকন সম্পাদনযোগ্য করে তোলা

আমার যে সমস্যাটি ছিল তা হ'ল আমি যে নির্দিষ্ট আইকনটিতে কাজ করছিলাম তাতে "স্টাইল" বা "ফিল" শব্দটি কোথাও ছিল না তাই প্যারামিটারের লাইনটি কোথায় লাগাতে হবে তা বুঝতে আমার সমস্যা হয়েছিল। মার্টিনা বর্ণিত ইনসকেপ ট্রিকটি এই সমস্যাটি সমাধান করেছে তবে তাদের অনেকগুলি করণীয় রয়েছে এবং আমি ইনসকেপে প্রতিটি খোলার ও সংরক্ষণ করতে চাইনি তাই আমি সিদ্ধান্ত নেওয়ার চেষ্টা করেছি এবং ত্রুটির চেষ্টা করব। কোডটি দেখে আমি দেখতে পেলাম যে সংস্করণ তথ্য এবং মেটাডেটা শীর্ষে ছিল এবং আকারের নির্দেশাবলীর নীচে নীচে উদ্ধৃতি চিহ্নগুলি আবদ্ধ ছিল যা শুরুতে <g><path d=(কিছু রয়েছে <g><g><path d=) দ্বারা আবদ্ধ হয়েছিল এবং শেষে হয়েছিল /></g></svg>। কিছুটা পরীক্ষা-নিরীক্ষার পরে আমি বুঝতে পারলাম যে প্যারামিটার লাইনটি pathএবং এর মধ্যে রেখেছিd=কাজ করেছে তবে নির্বাচক প্যানে আইকনটি অদৃশ্য ছিল এবং শীর্ষে থাকা পূর্বরূপ ফলকের আইকনটি পুরোপুরি কালো রঙে পূর্ণ ছিল। অদৃশ্য আইকন ইস্যুটি একটি বাগ হয়েছে বলে মনে হচ্ছে। আমি নীচে বর্ণিত একটি अस्पष्टি পরামিতি যুক্ত করে এটি ঠিক করেছি। দেখা গেল যে ব্ল্যাক ফিলটি কেবলমাত্র আইকনটি 4 মিমি ছিল এবং এটি কেবল রূপরেখা দ্বারা পূরণ করা হয়েছিল। এটি ঠিক করার জন্য আমি আইকন আকারটি 10 ​​মিমি (কিউজিআইএসে) পর্যন্ত টুকরো টুকরো করে ফেলেছি এবং আউটলাইনটি নীচে 0.1 (নোটপ্যাডে) গড়িয়েছি।

সারাংশ

যদি আপনার আইকনটিতে কোথাও "শৈলী" বা "ভরাট" শব্দ না থাকে তবে আকৃতির নির্দেশাবলীর ঠিক আগেই এই লাইনটি <g><path d=(বা <g><g><path d=) থাকে তবে উপরের রেখাটি পরিবর্তনের মাধ্যমে সম্পাদনা পরামিতিগুলি যুক্ত করতে সক্ষম হবেন<g><path fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 1" d=

সীমানাটি খুব ঘন হলে আপনি শেষ সংখ্যাটি ভগ্নাংশে পরিবর্তন করে সঙ্কুচিত করতে পারেন <g><path fill="param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 0.5" d=

আপনি যদি নিজের আইকনকে অর্ধনমিত করতে চান তবে উপরের লাইনটি এটিতে পরিবর্তন করে এটি করতে পারেন <g><path style="opacity:0.5;fill:param(fill) #FFF" stroke="param(outline) #000" stroke-width="param(outline-width) 1" d=। অস্বচ্ছতা মানটি 1 (সম্পূর্ণ অস্বচ্ছ) থেকে 0 (সম্পূর্ণ স্বচ্ছ) হতে পারে এবং আপনি অতিরিক্ত নির্ভুলতার জন্য (যেমন 0.01) শততম বা এমনকি হাজারতম ব্যবহার করতে পারেন। একই নিয়ম সীমানা বেধ জন্য যায়।

আপনার যদি সম্পাদনা করার মতো অনেকগুলি থাকে, তবে অনুসন্ধানটি স্বয়ংক্রিয় করতে এবং প্রক্রিয়াটি প্রতিস্থাপন করতে আপনি স্ট্যাকএক্সচেঞ্জে ব্যাচ ফাইলগুলি এখানে পেতে পারেন।