title: Scale text without scaling shape
body: <p>I figured out the only way to make a shape larger is by scaling it, not by setting a width and height. So I scaled the shape like this:</p>
  <pre><code>toObject: function() {
              return fabric.util.object.extend(this.callSuper(&quot;toObject&quot;), {
                  objectSize: this.objectSize,
                  scaleX: this.scaleX,
                  scaleY: this.scaleY,
                  labelColor: this.labelColor,
                  hasRotatingPoint: this.hasRotatingPoint,
                  hasControls: this.hasControls,
                  evented: this.evented,
                  hoverCursor: this.hoverCursor,
                  _controlsVisibility: this._controlsVisibility
              });
          },
  </code></pre>
  <p>but the <code>ctx.fillText</code> also scales with it. That is <em>not</em> what I want. The text needs to stay the same. So i did the following:</p>
  <pre><code>_render: function(ctx) {
              this.callSuper(&quot;_render&quot;, ctx);
              ctx.font = &quot;12px Helvetica&quot;;
              ctx.fillStyle = this.labelColor;
              ctx.scale(1 / this.scaleX, 1 / this.scaleY);
              ctx.fillText(
                  this.objectSize,
                   -this.objectSize.split('x')[0] / 2 + 10, 
                   -this.objectSize.split('x')[1] / 2 - 5
              );
          }
  </code></pre>
  <p>Now the issue is that at some shape sizes (for example 200x200) the object also scales with it. When I remove the <code>ctx.scale(1 / this.scaleX, 1 / this.scaleY)</code> the object has the right size, except then the text is also scaled up.</p>
  <p>How can I scale the shape without scaling the text or visa versa.</p>