Search code examples
javascriptkineticjs

How to scale a text object?


var loginText = new Kinetic.Text({
                  x: 5,
                  y: 5,
                  text: 'login: someLogin',
                  fontSize: 14,
                  fontFamily: 'Arial',
                  fill: 'green'
                });
loginText.scaleX(4);
loginText.scaleY(4);

I'am trying to scale a Kinetic.Text object, but nothing happens, I don't know if its possible, I've also tried this:

loginText.fillPatternScale({
  x: 4
  y: 4
});

but still nothings happens, any ideas?


Solution

  • The answer provided by markE should work.

    Here is the complete code and a fiddle example where you can see it work: http://jsfiddle.net/J8vju/

    var stage = new Kinetic.Stage({
        width: 400,
        height: 400,
        container: 'container'
    });
    var layer = new Kinetic.Layer();
    
    var loginText = new Kinetic.Text({
        x: 5,
        y: 5,
        text: 'login: someLogin',
        fontSize: 14,
        fontFamily: 'Arial',
        fill: 'green'
    });
    
    var loginText2 = loginText.clone({y: 200});
    
    loginText.scaleX(4);
    loginText.scaleY(4);
    
    layer.add(loginText);
    layer.add(loginText2);
    stage.add(layer);
    stage.draw();