javascript - FirefoxでK​​inetic3のテキストが壊れるのはなぜですか？

Question

Kinetic.js3は現在Firefoxでは機能していません。（バグ835064を参照）Firefoxは他のブラウザとは異なる方法でマウスイベントを処理するようですが、このドラッグの問題の簡単な回避策があるかどうか、またはWebアプリをKinetic.js4.0用に完全に書き直す必要があるかどうかはわかりません+（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で常に発生し、Firefox20で修正されているようです。