2013-04-09 54 views
1

這裏拉斐爾拖動文字是我周邊的畫布移動文本代碼:屏幕四周和TSPAN DY

paper 
    .text(self.x, self.y, "Jeaaaaaaaaaaaaaaah") 
    .attr({ 
     fill: "#000", 
     dy: 0, 
     dx: 0, 
     font: "italic 20px Helvetica" 
    }) 
    .drag(
    function(dx, dy) { 
     this.attr({x: self.x + dx, y: self.y + dy, dy:0, dx:0}); 
    }, 
    function() { 
     this.attr({x: self.x, y: self.y, dy:0, dx:0}); 
    }, 
    function() { 
     self.x = this.attr("x"); 
     self.y = this.attr("y"); 
    } 
); 

它的工作原理,我可以拖動文本的意義,但前兩次我將它拖到在它周圍它完全錯誤的位置。

,這是由該給定:

<text ....><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="120">Jeaaaaaaaaaaaaaaah</tspan></text> 

前兩個dragdrops後變成

<text ....><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="8.9734">Jeaaaaaaaaaaaaaaah</tspan></text> 

,現在是可拖動它去的確切位置。有人知道如何避免這種情況?

+0

請設置一個現場演示(例如在[jsFiddle](http://jsFiddle.net)) - 這會更容易幫忙。 – 2013-04-10 15:19:20

回答

3

我有一個類似的問題,並最終手動更改TSPAN的DY屬性:

$( 'TSPAN')removeAttr( 'DY')ATTR( 'DY',9)。

當然它會改變所有的tspan ty屬性。