আমার এসভিজির সাথে একটি খেলা হচ্ছে এবং পজিশনিংয়ে কিছু সমস্যা হচ্ছে। আমার কাছে একটি সিরিজ আকার রয়েছে যা gগ্রুপ ট্যাগের মধ্যে রয়েছে। আমি এটি একটি ধারকের মতো ব্যবহার করার আশাবাদী ছিলাম, তাই আমি এর এক্স অবস্থান নির্ধারণ করতে পারি এবং তারপরে সেই গোষ্ঠীর সমস্ত উপাদানও স্থানান্তরিত হবে। তবে তা সম্ভব হবে বলে মনে হয় না।
উত্তর:
জি উপাদানগুলির সমস্ত কিছু বর্তমান ট্রান্সফর্ম ম্যাট্রিক্সের তুলনায় অবস্থিত।
সামগ্রীটি স্থানান্তর করতে, কেবলমাত্র জি উপাদানটিতে রূপান্তরটি রাখুন:
<g transform="translate(20,2.5) rotate(10)">
<rect x="0" y="0" width="60" height="10"/>
</g>লিঙ্কগুলি: এসভিজি 1.1 স্পেস থেকে উদাহরণ
পূর্বের উত্তরের একটি সংক্ষিপ্ত বিকল্প রয়েছে। এসভিজি এলিমেন্টগুলি এসওজি উপাদানগুলিকে বাসা বেঁধে গ্রুপযুক্ত করা যায়:
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<svg x="10">
<rect x="10" y="10" height="100" width="100" style="stroke:#ff0000;fill: #0000ff"/>
</svg>
<svg x="200">
<rect x="10" y="10" height="100" width="100" style="stroke:#009900;fill: #00cc00"/>
</svg>
</svg>দুটি আয়তক্ষেত্র একরকম (রঙগুলি বাদে) তবে পিতামাতার এসভিজি উপাদানগুলির বিভিন্ন এক্স মান রয়েছে।
একাধিক এসভিজি আকার এবং গ্রুপটি স্থাপনের দুটি উপায় রয়েছে:
হারুন লিখেছেন হিসাবে বৈশিষ্ট্য <g>সঙ্গে প্রথম ব্যবহার transform। তবে আপনি কেবল উপাদানটিতে কোনও xবৈশিষ্ট্য ব্যবহার করতে পারবেন না <g>।
অন্য উপায় হল নেস্টেড <svg>উপাদান ব্যবহার করা ।
<svg id="parent">
<svg id="group1" x="10">
<!-- some shapes -->
</svg>
</svg>এইভাবে, # গোষ্ঠী 1 এসভিজি # x=10পিতা বা মাতাতে বাসা বাঁধে এবং পিতামহীন এসভিজির সাথে সম্পর্কিত। তবে আপনি উপাদানটিতে transformঅ্যাট্রিবিউট ব্যবহার করতে পারবেন না এটি <svg>উপাদানটির সম্পূর্ণ বিপরীত <g>।