raphael.js का उपयोग कर सीधे लाइनों को आकर्षित करने का सही तरीका क्या है?

Question

मुझे raphael.js का उपयोग करके एक साधारण ग्रिड ड्राइंग करने में परेशानी हो रही है।

मैं paper.path() का उपयोग कर रहा है, और सब कुछ मेरे पथ तार के साथ ठीक लग रहा है:

लेकिन किसी भी तरह इस गाया जाता है:

यहाँ

कोड मैं का उपयोग कर रहा है इस "ग्रिड"

// vertical lines 
    for(var x = (this._offset.x % cellSize); x < this.width; x += cellSize){ 
     var vpath = "M " + x + " 0 l " + x + " " + this.height + " z"; 
     var vline = paper.path(vpath); 
    } 
    // horizontal lines 
    for(var y = (this._offset.y % cellSize); y < this.height; y += cellSize){ 
     var hpath = "M 0 " + y + " l " + this.width + " " + y + " z"; 
     var hline = paper.path(hpath); 
    } 

रेंडर करने के लिए (इस मामले cellSize = 50, और this._offset = {x: 0, y: 0})

Answer 1

समस्या यह है कि आप एल मानते हैं कि एक पूर्ण समन्वय होता है, लेकिन यह वास्तव में एक रिश्तेदार लेता है। जब आप लिखें:

M 50 0 l 50 600 

आप सोच रहे हैं तो इसका मतलब है (50,0) से एक लाइन लिखने के लिए (50, 600) लेकिन यह वास्तव में (50, 0), कदम पर शुरुआत का मतलब है (50 , 600)। इसलिए skewed ग्रिड।

var vpath = "M " + x + " 0 l 0 " + this.height + " z"; 

और:

var hpath = "M 0 " + y + " l " + this.width + " 0 z";