[英]Error: <tspan> attribute dy: Expected length, “NaN” - Raphael.js
[英]Raphael drag text around the screen and 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>
在前两个拖后它变成了
<text ....><tspan style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" dy="8.9734">Jeaaaaaaaaaaaaaaah</tspan></text>
它现在可以拖拽,它处于准确的位置。 有人知道如何避免这种情况吗?
我遇到了类似的问题,并最终手动更改了tspan的dy属性:
$('tspan')。removeAttr('dy')。attr('dy',9);
当然它会改变所有的tspan ty属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.