revert scaled state of context after arc draw closes #447

Author: Lauren McCarthy

lib/p5.js

@@ -4095,6 +4095,7 @@ var shape2d_primitives = function (require, core, canvas, constants) {
       var ctx = this.drawingContext;
       var vals = canvas.arcModeAdjust(x, y, width, height, this._ellipseMode);
       var radius = vals.h > vals.w ? vals.h / 2 : vals.w / 2, xScale = vals.h > vals.w ? vals.w / vals.h : 1, yScale = vals.h > vals.w ? 1 : vals.h / vals.w;
+      ctx.save();
       ctx.scale(xScale, yScale);
       ctx.beginPath();
       ctx.arc(vals.x, vals.y, radius, start, stop);
@@ -4113,6 +4114,7 @@ var shape2d_primitives = function (require, core, canvas, constants) {
       if (this._doStroke && mode !== constants.OPEN && mode !== undefined) {
         ctx.stroke();
       }
+      ctx.restore();
       return this;
     };
     p5.prototype.ellipse = function (x, y, w, h) {

lib/p5.min.js

@@ -219,7 +219,7 @@ define(function (require) {
    * }
    * 
    * function mousePressed() {
-   *   img.resize(100, 200);
+   *   img.resize(50, 100);
    * }
    * </code></div>
    */

src/objects/p5.Image.js

@@ -83,6 +83,7 @@ define(function (require) {
       //scale the arc if it is oblong
       xScale = (vals.h > vals.w) ? vals.w / vals.h : 1,
       yScale = (vals.h > vals.w) ? 1 : vals.h / vals.w;
+    ctx.save();
     ctx.scale(xScale, yScale);
     ctx.beginPath();
     ctx.arc(vals.x, vals.y, radius, start, stop);
@@ -103,6 +104,7 @@ define(function (require) {
       // cover part of the line
       ctx.stroke();
     }
+    ctx.restore();
 
     return this;
   };