एसवीजी

Question

में पथ बनाम बहुभुज द्वारा खींचे गए बहुभुज के उदाहरण मैं एसवीजी सीखना चाहता हूं, और सीखने की कोशिश कर रहा हूं कि एक ही बिंदु को पॉलीगोन के साथ या पथ (पथ) द्वारा गतिशील रूप से उपयोग करके कैसे किया जा सकता है।

मैं वही बहुभुज के कुछ उदाहरण चाहते हैं (त्रिकोण, वर्ग, और पेंटागन शुरू करने के लिए पर्याप्त हैं) दोनों एसवीजी बहुभुज और एसवीजी पथ में, ताकि मैं कोड तुलना कर सकते हैं। मैं या तो अलग-अलग छवियों को ढूंढ सकता हूं, लेकिन कोई भी नहीं है।

Answer 1

यह तुच्छ है: आप मूल रूप से एक बहुभुज के points विशेषता लेने के लिए और एक पथ के d विशेषता में M prepending और z जोड़कर बदल सकते हैं। see live on jsFiddle:

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 
    <polygon points="20,20 100,20 100,100 30,110"/> 
    <path  d="M20,20 100,20 100,100 30,110z" fill="green" transform="translate(100,0)"/> 
</svg>