KineticJS - Aktualisieren Sie die Textebene mit der neuen Mausposition
Ich benutze Folgendes, um die Mausposition zu ermitteln:
var coordinate = 0;
............
canvas1.addEventListener('mousemove', function (evt) {
var mousePos = getMousePos(canvas1, evt);
var nY = Math.round(mousePos.y);
var nX = Math.round(mousePos.x);
coordinate = "x=" + nX + ", y=" + nY;
$('#pValue').val(coordinate);
}, false);
Es funktioniert sehr gut, wenn ich den Wert in einem Textfeld anzeige. Ich konnte jedoch keine Textebene aktualisieren:
dlayerA1Text = new Kinetic.Layer();
var simpleTextRight = new Kinetic.Text({
x: lOffset + (lOffset * 0.25),
y: 15,
text: coordinate,
fontSize: 12,
fontFamily: 'Calibri',
fill: 'white',
align: 'left'
});