javascript - 为什么 Kinetic 3 的文本在 Firefox 中中断？

Question

Kinetic.js 3 目前无法在 Firefox 中运行。（请参阅错误835064）似乎 Firefox处理鼠标事件的方式与其他浏览器不同，但我不确定是否有解决此拖动问题的简单解决方法，或者是否必须为 Kinetic.js 4.0 完全重写 Web 应用程序+（在 Firefox 中有效）？

Answer 1

没有测试过，但你可以试试这个。

<script src="https://local-py.googlecode.com/svn-history/r7/trunk/js/kinetic-v3.10.1.js"></script>
<script>
/* 3.10.1 */ 
//Kinetic.Stage.prototype._setMousePosition = function(evt) {
//    var mouseX = evt.offsetX || (evt.clientX - this._getContentPosition().left + window.pageXOffset);
//    var mouseY = evt.offsetY || (evt.clientY - this._getContentPosition().top + window.pageYOffset);
//    this.mousePos = {
//        x: mouseX,
//        y: mouseY
//    };
//} 
/* 4.3.1 */
Kinetic.Stage.prototype._setMousePosition = function(evt) {
   var mouseX = evt.clientX - this._getContentPosition().left;
   var mouseY = evt.clientY - this._getContentPosition().top;
   this.mousePos = {
       x: mouseX,
       y: mouseY
   };
}
</script>

Answer 2

这似乎是 Firefox 在 Azure 画布中使用 Cairo 的错误。当使用 Cairo 后端时，这显然总是在 Firefox 18-19 中发生，并且在 Firefox 20 中已修复。