【问题标题】:svg.draggable.js svg.js - object move to the left on clicksvg.draggable.js svg.js - 点击时对象向左移动
【发布时间】:2015-07-23 15:35:07
【问题描述】:

使用 svg.draggable.js

在 firefox/safari 上,当您单击文本时,它会向左移动一点。

关注代码https://jsfiddle.net/gnmobz34/4/

var draw = SVG('draw').size(400, 400)   
var text = draw.text("Some string")

text.font({
    family:   'Helvetica',
    size:     20,
    anchor:   'middle',
    leading:  '1.5em'
})

text.draggable()

在 chrome 上不会发生这个问题。

【问题讨论】:

  • text-anchor="middle" 需要一组不同的 drag() 算法。与text-anchor="end" 相同。尝试使用不同的库,例如 snapsvg.js,因为我发现 svg.js 过去不太稳定。
  • 感谢有关锚的信息。现在我将文本元素放在一个组中,我仍然可以使用锚。

标签: javascript svg.js


【解决方案1】:

2.1.3 版本的 svg.draggable.js 修复了这个错误

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-15
    • 1970-01-01
    • 1970-01-01
    • 2013-09-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多