Why does Kinetic 3's Text break in Firefox?

Question

Kinetic.js 3 is not working in Firefox currently. (See bug 835064) It seems Firefox does handle mouse events differently than other browsers, but I'm not sure if there could be a simple workaround for this dragging problem, or if a web-app must be completely rewritten for Kinetic.js 4.0+ (which does work in Firefox)?

You can be more specific than this. How about an example in jsfiddle? — allenhwkim, Feb 18 '13 at 02:36

score 0 · Answer 1 · answered Feb 18 '13 at 04:01

Haven't tested it, but you may try this.

<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>

It doesn't seem to make a difference. – NoBugs Feb 19 '13 at 01:54 — NoBugs, Feb 19 '13 at 01:54

NoBugs · Accepted Answer · 2013-04-17T02:54:55.950

0

It seems to be a bug in Firefox's usage of Cairo in Azure canvas. This apparently always happened in Firefox 18-19 when using Cairo backend, and is fixed in Firefox 20.

edited Apr 17 '13 at 02:54

answered Mar 14 '13 at 06:03

NoBugs

9,310
13
80
146

Why does Kinetic 3's Text break in Firefox?

2 Answers2