Increase the width of the text by using slider

See more:

HTML5

Canvas

hi All,

i m using the slider but their is some mistake in increase the size problem is :- when i increase the size of the text it take the previous value of the size Example:-

First write the text any size after that i set the size 10 after that again set the size 20 then it take the size 10 if i take the size 35 then it take the size 20 so similarly this is happened

so please help me asap.

$("#Textslider").change(function () {
               var textsize = null;
        if (getSelectedLayer() != null) {
            textsize = $(this).val();        
            var canvasobj = getSelectedLayer();        
            canvasobj.fontSize = textsize;
            this.context = canvasobj.context;
            this.textWidth = this.context.measureText(canvasobj.content).width;
            this.textHeight = (parseInt(textsize) + (textsize / 4));

            jCollage.TextResize(this.textWidth, this.textHeight, textsize, canvasobj, this.context);
            //jCollage.redraw();
        }
    });

 this.TextResize = function (textWidth, textHeight, fontSize, selectedLayer, context) {
       
        this.fontSize = fontSize;
        this.selectedLayer = selectedLayer;
        this.context = context;
        this.textWidth = textWidth;
        this.textHeight = textHeight;

        this.selectedLayer.scale(parseInt(this.textWidth + 30), this.textHeight);
        drawMarker(this.selectedLayer);
    }