नोड्स की संख्या को कम करके एसवीजी पथ तारों को सरल बनाना

Question

मैं एक बड़ी एसवीजी पथ स्ट्रिंग उत्पन्न कर रहा हूं जो एक रेखा चार्ट का प्रतिनिधित्व करता है।

चार्ट के नीचे मेरे पास समय सीमा स्लाइस चुनने के लिए एक स्लाइडर है। स्लाइडर के पीछे पूरे लाइन चार्ट का एक छोटा पूर्वावलोकन है।

मैं वर्तमान में पूर्वावलोकन उत्पन्न करने के लिए पथ को स्केल कर रहा हूं हालांकि ऐसा करने में मैं प्रति पिक्सल के नोड्स के साथ समाप्त हो रहा हूं और इसलिए अब और अधिक जानकारी आवश्यक है। बेशक यह ब्राउजर को इसके मुकाबले ज्यादा प्रतिपादन देता है।

एसवीजी स्ट्रिंग्स (gzipping आदि) को संपीड़ित करने पर बहुत सारी जानकारी उपलब्ध है, हालांकि एल्गोरिदम पर बहुत कम जो वास्तव में नोड्स को कम करके पथ को सरल बनाते हैं।

मैं राफेलज का उपयोग कर रहा हूं और जावास्क्रिप्ट आधारित समाधान की तलाश में हूं। कोई विचार?

Answer 1

Simplify.js शायद आप जो देख रहे हैं वह शायद है।

अपनी लाइन चार्ट को देखते हुए सीधी रेखा खंडों केवल इस तरह (जो परिभाषा से यह चाहिए), आप इसे उपयोग कर सकते हैं के होते हैं:

var tolerance = 3 
    var pathSegArray = [] 
    for (var i=0; i<path.pathSegList.numberOfItems; i++) { 
    pathSegArray.push(path.pathSegList.getItem(i)) 
    } 
    var newPathArray = simplify(pathSegArray,tolerance) 
    var newD = "M"; 
    for (i=0; i<newPathArray.length; i++) { 
    newD += newPathArray[i].x + " " + newPathArray[i].y + " " 
    } 
    path.setAttribute("d",newD)