@pixi/canvas-graphics - npm Package Compare versions

Comparing version 6.2.1 to 6.2.2

dist/browser/canvas-graphics.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -470,2 +470,5 @@ * @pixi/canvas-graphics is licensed under the MIT License.
             var ym = y + (h / 2); // y-middle
+            if (lineStyle.alignment === 0) {
+                context.save();
+            }
             context.beginPath();
@@ -486,2 +489,5 @@ context.moveTo(x, ym);
             }
+            if (lineStyle.alignment === 0) {
+                context.restore();
+            }
         };
@@ -507,2 +513,5 @@ /**
             radius = radius > maxRadius ? maxRadius : radius;
+            if (lineStyle.alignment === 0) {
+                context.save();
+            }
             context.beginPath();
@@ -527,2 +536,5 @@ context.moveTo(rx, ry + radius);
             }
+            if (lineStyle.alignment === 0) {
+                context.restore();
+            }
         };
@@ -529,0 +541,0 @@ CanvasGraphicsRenderer.prototype.setPatternTransform = function (pattern, matrix) {

dist/browser/canvas-graphics.min.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -8,3 +8,3 @@ * @pixi/canvas-graphics is licensed under the MIT License.
  */
-this.PIXI=this.PIXI||{};var _pixi_canvas_graphics=function(e,t,i,a,r){"use strict";var n,o=function(){function e(){}return e.offsetPolygon=function(t,i){var a=[],r=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var n=0;n<r;n+=2){var o=n-2;o<0&&(o+=r);var l=(n+2)%r,s=t[n]-t[o],h=t[n+1]-t[o+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var g=-(h*=i),c=s*=i,p=[t[o]+g,t[o+1]+c],f=[t[n]+g,t[n+1]+c],u=t[l]-t[n],d=t[l+1]-t[n+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var T=-(d*=i),y=u*=i,m=[t[n]+T,t[n+1]+y],x=[t[l]+T,t[l+1]+y],b=e.findIntersection(p[0],p[1],f[0],f[1],m[0],m[1],x[0],x[1]);b&&a.push.apply(a,b)}return a},e.findIntersection=function(e,t,i,a,r,n,o,l){var s=(l-n)*(i-e)-(o-r)*(a-t),h=(o-r)*(t-n)-(l-n)*(e-r);if(0===s)return 0===h&&0===(i-e)*(t-n)-(a-t)*(e-r)?[(e+i)/2,(t+a)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(a-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),l=function(){function e(e){this._svgMatrix=null,this._tempMatrix=new i.Matrix,this.renderer=e}return e.prototype._calcCanvasStyle=function(e,r){var n;return e.texture&&e.texture.baseTexture!==t.Texture.WHITE.baseTexture?e.texture.valid?(n=a.canvasUtils.getTintedPattern(e.texture,r),this.setPatternTransform(n,e.matrix||i.Matrix.IDENTITY)):n="#808080":n="#"+("00000"+(0|r).toString(16)).substr(-6),n},e.prototype.render=function(e){var t=this.renderer,a=t.context,r=e.worldAlpha,n=e.transform.worldTransform;t.setContextTransform(n),t.setBlendMode(e.blendMode);for(var o,l,s=e.geometry.graphicsData,h=(e.tint>>16&255)/255,v=(e.tint>>8&255)/255,g=(255&e.tint)/255,c=0;c<s.length;c++){var p=s[c],f=p.shape,u=p.fillStyle,d=p.lineStyle,T=0|p.fillStyle.color,y=0|p.lineStyle.color;if(p.matrix&&t.setContextTransform(n.copyTo(this._tempMatrix).append(p.matrix)),u.visible){var m=((T>>16&255)/255*h*255<<16)+((T>>8&255)/255*v*255<<8)+(255&T)/255*g*255;o=this._calcCanvasStyle(u,m)}if(d.visible){var x=((y>>16&255)/255*h*255<<16)+((y>>8&255)/255*v*255<<8)+(255&y)/255*g*255;l=this._calcCanvasStyle(d,x)}if(a.lineWidth=d.width,a.lineCap=d.cap,a.lineJoin=d.join,a.miterLimit=d.miterLimit,p.type===i.SHAPES.POLY){a.beginPath();var b=(R=f).points,P=p.holes,S=void 0,M=void 0,C=void 0,_=void 0,w=void 0;a.moveTo(b[0],b[1]);for(var I=2;I<b.length;I+=2)a.lineTo(b[I],b[I+1]);if(R.closeStroke&&a.closePath(),P.length>0){w=[],S=0,C=b[0],_=b[1];for(I=2;I+2<b.length;I+=2)S+=(b[I]-C)*(b[I+3]-_)-(b[I+2]-C)*(b[I+1]-_);for(var k=0;k<P.length;k++)if(b=P[k].shape.points){M=0,C=b[0],_=b[1];for(I=2;I+2<b.length;I+=2)M+=(b[I]-C)*(b[I+3]-_)-(b[I+2]-C)*(b[I+1]-_);if(M*S<0){a.moveTo(b[0],b[1]);for(I=2;I<b.length;I+=2)a.lineTo(b[I],b[I+1])}else{a.moveTo(b[b.length-2],b[b.length-1]);for(I=b.length-4;I>=0;I-=2)a.lineTo(b[I],b[I+1])}P[k].shape.closeStroke&&a.closePath(),w[k]=M*S<0}}u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fill()),d.visible&&this.paintPolygonStroke(R,d,l,P,w,r,a)}else if(p.type===i.SHAPES.RECT){var R=f;if(u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fillRect(R.x,R.y,R.width,R.height)),d.visible){var A=d.width*(.5-(1-d.alignment)),E=R.width+2*A,q=R.height+2*A;a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.strokeRect(R.x-A,R.y-A,E,q)}}else if(p.type===i.SHAPES.CIRC){R=f;if(a.beginPath(),a.arc(R.x,R.y,R.radius,0,2*Math.PI),a.closePath(),u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fill()),d.visible){if(.5!==d.alignment){A=d.width*(.5-(1-d.alignment));a.beginPath(),a.arc(R.x,R.y,R.radius+A,0,2*Math.PI),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}}else if(p.type===i.SHAPES.ELIP){R=f;if((V=1===d.alignment)||this.paintEllipse(R,u,d,o,r,a),d.visible){if(.5!==d.alignment){A=d.width*(.5-(1-d.alignment));var z=2*(R.width+A),G=2*(R.height+A),X=R.x-z/2,H=R.y-G/2,L=z/2*.5522848,D=G/2*.5522848,j=X+z,B=H+G,N=X+z/2,O=H+G/2;a.beginPath(),a.moveTo(X,O),a.bezierCurveTo(X,O-D,N-L,H,N,H),a.bezierCurveTo(N+L,H,j,O-D,j,O),a.bezierCurveTo(j,O+D,N+L,B,N,B),a.bezierCurveTo(N-L,B,X,O+D,X,O),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}V&&this.paintEllipse(R,u,d,o,r,a)}else if(p.type===i.SHAPES.RREC){var V;R=f;if((V=1===d.alignment)||this.paintRoundedRectangle(R,u,d,o,r,a),d.visible){if(.5!==d.alignment){E=R.width,q=R.height,A=d.width*(.5-(1-d.alignment));var W=R.x-A,Y=R.y-A,J=R.width+2*A,U=R.height+2*A,F=A*(d.alignment>=1?Math.min(J/E,U/q):Math.min(E/J,q/U)),K=R.radius+F,Q=Math.min(J,U)/2;K=K>Q?Q:K,a.beginPath(),a.moveTo(W,Y+K),a.lineTo(W,Y+U-K),a.quadraticCurveTo(W,Y+U,W+K,Y+U),a.lineTo(W+J-K,Y+U),a.quadraticCurveTo(W+J,Y+U,W+J,Y+U-K),a.lineTo(W+J,Y+K),a.quadraticCurveTo(W+J,Y,W+J-K,Y),a.lineTo(W+K,Y),a.quadraticCurveTo(W,Y,W,Y+K),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}V&&this.paintRoundedRectangle(R,u,d,o,r,a)}}},e.prototype.paintPolygonStroke=function(e,t,i,a,r,n,l){if(.5!==t.alignment){var s=t.width*(.5-(1-t.alignment)),h=o.offsetPolygon(e.points,s),v=void 0;l.beginPath(),l.moveTo(h[0],h[1]);for(var g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1]);e.closeStroke&&l.closePath();for(var c=0;c<a.length;c++){if(v=a[c].shape.points,h=o.offsetPolygon(v,s),r[c]){l.moveTo(h[0],h[1]);for(g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1])}else{l.moveTo(h[h.length-2],h[h.length-1]);for(g=h.length-4;g>=0;g-=2)l.lineTo(h[g],h[g+1])}a[c].shape.closeStroke&&l.closePath()}}l.globalAlpha=t.alpha*n,l.strokeStyle=i,l.stroke()},e.prototype.paintEllipse=function(e,t,i,a,r,n){var o=2*e.width,l=2*e.height,s=e.x-o/2,h=e.y-l/2,v=o/2*.5522848,g=l/2*.5522848,c=s+o,p=h+l,f=s+o/2,u=h+l/2;n.beginPath(),n.moveTo(s,u),n.bezierCurveTo(s,u-g,f-v,h,f,h),n.bezierCurveTo(f+v,h,c,u-g,c,u),n.bezierCurveTo(c,u+g,f+v,p,f,p),n.bezierCurveTo(f-v,p,s,u+g,s,u),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*r,n.fillStyle=a,n.fill())},e.prototype.paintRoundedRectangle=function(e,t,i,a,r,n){var o=e.x,l=e.y,s=e.width,h=e.height,v=e.radius,g=Math.min(s,h)/2;v=v>g?g:v,n.beginPath(),n.moveTo(o,l+v),n.lineTo(o,l+h-v),n.quadraticCurveTo(o,l+h,o+v,l+h),n.lineTo(o+s-v,l+h),n.quadraticCurveTo(o+s,l+h,o+s,l+h-v),n.lineTo(o+s,l+v),n.quadraticCurveTo(o+s,l,o+s-v,l),n.lineTo(o+v,l),n.quadraticCurveTo(o,l,o,l+v),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*r,n.fillStyle=a,n.fill())},e.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},e.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},e}(),s=new i.Matrix;return r.Graphics.prototype.generateCanvasTexture=function(e,i){void 0===i&&(i=1);var r=this.getLocalBounds(),o=t.RenderTexture.create({width:r.width,height:r.height,scaleMode:e,resolution:i});n||(n=new a.CanvasRenderer),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(s),s.invert(),s.tx-=r.x,s.ty-=r.y,n.render(this,{renderTexture:o,clear:!0,transform:s});var l=t.Texture.from(o.baseTexture._canvasRenderTarget.canvas,{scaleMode:e});return l.baseTexture.setResolution(i),l},r.Graphics.prototype.cachedGraphicsData=[],r.Graphics.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))},e.CanvasGraphicsRenderer=l,e}({},PIXI,PIXI,PIXI,PIXI);Object.assign(this.PIXI,_pixi_canvas_graphics);
+this.PIXI=this.PIXI||{};var _pixi_canvas_graphics=function(e,t,i,a,r){"use strict";var n,o=function(){function e(){}return e.offsetPolygon=function(t,i){var a=[],r=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var n=0;n<r;n+=2){var o=n-2;o<0&&(o+=r);var l=(n+2)%r,s=t[n]-t[o],h=t[n+1]-t[o+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var g=-(h*=i),c=s*=i,p=[t[o]+g,t[o+1]+c],f=[t[n]+g,t[n+1]+c],u=t[l]-t[n],d=t[l+1]-t[n+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var T=-(d*=i),m=u*=i,y=[t[n]+T,t[n+1]+m],x=[t[l]+T,t[l+1]+m],b=e.findIntersection(p[0],p[1],f[0],f[1],y[0],y[1],x[0],x[1]);b&&a.push.apply(a,b)}return a},e.findIntersection=function(e,t,i,a,r,n,o,l){var s=(l-n)*(i-e)-(o-r)*(a-t),h=(o-r)*(t-n)-(l-n)*(e-r);if(0===s)return 0===h&&0===(i-e)*(t-n)-(a-t)*(e-r)?[(e+i)/2,(t+a)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(a-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),l=function(){function e(e){this._svgMatrix=null,this._tempMatrix=new i.Matrix,this.renderer=e}return e.prototype._calcCanvasStyle=function(e,r){var n;return e.texture&&e.texture.baseTexture!==t.Texture.WHITE.baseTexture?e.texture.valid?(n=a.canvasUtils.getTintedPattern(e.texture,r),this.setPatternTransform(n,e.matrix||i.Matrix.IDENTITY)):n="#808080":n="#"+("00000"+(0|r).toString(16)).substr(-6),n},e.prototype.render=function(e){var t=this.renderer,a=t.context,r=e.worldAlpha,n=e.transform.worldTransform;t.setContextTransform(n),t.setBlendMode(e.blendMode);for(var o,l,s=e.geometry.graphicsData,h=(e.tint>>16&255)/255,v=(e.tint>>8&255)/255,g=(255&e.tint)/255,c=0;c<s.length;c++){var p=s[c],f=p.shape,u=p.fillStyle,d=p.lineStyle,T=0|p.fillStyle.color,m=0|p.lineStyle.color;if(p.matrix&&t.setContextTransform(n.copyTo(this._tempMatrix).append(p.matrix)),u.visible){var y=((T>>16&255)/255*h*255<<16)+((T>>8&255)/255*v*255<<8)+(255&T)/255*g*255;o=this._calcCanvasStyle(u,y)}if(d.visible){var x=((m>>16&255)/255*h*255<<16)+((m>>8&255)/255*v*255<<8)+(255&m)/255*g*255;l=this._calcCanvasStyle(d,x)}if(a.lineWidth=d.width,a.lineCap=d.cap,a.lineJoin=d.join,a.miterLimit=d.miterLimit,p.type===i.SHAPES.POLY){a.beginPath();var b=(R=f).points,P=p.holes,S=void 0,M=void 0,C=void 0,_=void 0,w=void 0;a.moveTo(b[0],b[1]);for(var I=2;I<b.length;I+=2)a.lineTo(b[I],b[I+1]);if(R.closeStroke&&a.closePath(),P.length>0){w=[],S=0,C=b[0],_=b[1];for(I=2;I+2<b.length;I+=2)S+=(b[I]-C)*(b[I+3]-_)-(b[I+2]-C)*(b[I+1]-_);for(var k=0;k<P.length;k++)if(b=P[k].shape.points){M=0,C=b[0],_=b[1];for(I=2;I+2<b.length;I+=2)M+=(b[I]-C)*(b[I+3]-_)-(b[I+2]-C)*(b[I+1]-_);if(M*S<0){a.moveTo(b[0],b[1]);for(I=2;I<b.length;I+=2)a.lineTo(b[I],b[I+1])}else{a.moveTo(b[b.length-2],b[b.length-1]);for(I=b.length-4;I>=0;I-=2)a.lineTo(b[I],b[I+1])}P[k].shape.closeStroke&&a.closePath(),w[k]=M*S<0}}u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fill()),d.visible&&this.paintPolygonStroke(R,d,l,P,w,r,a)}else if(p.type===i.SHAPES.RECT){var R=f;if(u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fillRect(R.x,R.y,R.width,R.height)),d.visible){var A=d.width*(.5-(1-d.alignment)),E=R.width+2*A,q=R.height+2*A;a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.strokeRect(R.x-A,R.y-A,E,q)}}else if(p.type===i.SHAPES.CIRC){R=f;if(a.beginPath(),a.arc(R.x,R.y,R.radius,0,2*Math.PI),a.closePath(),u.visible&&(a.globalAlpha=u.alpha*r,a.fillStyle=o,a.fill()),d.visible){if(.5!==d.alignment){A=d.width*(.5-(1-d.alignment));a.beginPath(),a.arc(R.x,R.y,R.radius+A,0,2*Math.PI),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}}else if(p.type===i.SHAPES.ELIP){R=f;if((V=1===d.alignment)||this.paintEllipse(R,u,d,o,r,a),d.visible){if(.5!==d.alignment){A=d.width*(.5-(1-d.alignment));var z=2*(R.width+A),G=2*(R.height+A),X=R.x-z/2,H=R.y-G/2,L=z/2*.5522848,D=G/2*.5522848,j=X+z,B=H+G,N=X+z/2,O=H+G/2;a.beginPath(),a.moveTo(X,O),a.bezierCurveTo(X,O-D,N-L,H,N,H),a.bezierCurveTo(N+L,H,j,O-D,j,O),a.bezierCurveTo(j,O+D,N+L,B,N,B),a.bezierCurveTo(N-L,B,X,O+D,X,O),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}V&&this.paintEllipse(R,u,d,o,r,a)}else if(p.type===i.SHAPES.RREC){var V;R=f;if((V=1===d.alignment)||this.paintRoundedRectangle(R,u,d,o,r,a),d.visible){if(.5!==d.alignment){E=R.width,q=R.height,A=d.width*(.5-(1-d.alignment));var W=R.x-A,Y=R.y-A,J=R.width+2*A,U=R.height+2*A,F=A*(d.alignment>=1?Math.min(J/E,U/q):Math.min(E/J,q/U)),K=R.radius+F,Q=Math.min(J,U)/2;K=K>Q?Q:K,a.beginPath(),a.moveTo(W,Y+K),a.lineTo(W,Y+U-K),a.quadraticCurveTo(W,Y+U,W+K,Y+U),a.lineTo(W+J-K,Y+U),a.quadraticCurveTo(W+J,Y+U,W+J,Y+U-K),a.lineTo(W+J,Y+K),a.quadraticCurveTo(W+J,Y,W+J-K,Y),a.lineTo(W+K,Y),a.quadraticCurveTo(W,Y,W,Y+K),a.closePath()}a.globalAlpha=d.alpha*r,a.strokeStyle=l,a.stroke()}V&&this.paintRoundedRectangle(R,u,d,o,r,a)}}},e.prototype.paintPolygonStroke=function(e,t,i,a,r,n,l){if(.5!==t.alignment){var s=t.width*(.5-(1-t.alignment)),h=o.offsetPolygon(e.points,s),v=void 0;l.beginPath(),l.moveTo(h[0],h[1]);for(var g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1]);e.closeStroke&&l.closePath();for(var c=0;c<a.length;c++){if(v=a[c].shape.points,h=o.offsetPolygon(v,s),r[c]){l.moveTo(h[0],h[1]);for(g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1])}else{l.moveTo(h[h.length-2],h[h.length-1]);for(g=h.length-4;g>=0;g-=2)l.lineTo(h[g],h[g+1])}a[c].shape.closeStroke&&l.closePath()}}l.globalAlpha=t.alpha*n,l.strokeStyle=i,l.stroke()},e.prototype.paintEllipse=function(e,t,i,a,r,n){var o=2*e.width,l=2*e.height,s=e.x-o/2,h=e.y-l/2,v=o/2*.5522848,g=l/2*.5522848,c=s+o,p=h+l,f=s+o/2,u=h+l/2;0===i.alignment&&n.save(),n.beginPath(),n.moveTo(s,u),n.bezierCurveTo(s,u-g,f-v,h,f,h),n.bezierCurveTo(f+v,h,c,u-g,c,u),n.bezierCurveTo(c,u+g,f+v,p,f,p),n.bezierCurveTo(f-v,p,s,u+g,s,u),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*r,n.fillStyle=a,n.fill()),0===i.alignment&&n.restore()},e.prototype.paintRoundedRectangle=function(e,t,i,a,r,n){var o=e.x,l=e.y,s=e.width,h=e.height,v=e.radius,g=Math.min(s,h)/2;v=v>g?g:v,0===i.alignment&&n.save(),n.beginPath(),n.moveTo(o,l+v),n.lineTo(o,l+h-v),n.quadraticCurveTo(o,l+h,o+v,l+h),n.lineTo(o+s-v,l+h),n.quadraticCurveTo(o+s,l+h,o+s,l+h-v),n.lineTo(o+s,l+v),n.quadraticCurveTo(o+s,l,o+s-v,l),n.lineTo(o+v,l),n.quadraticCurveTo(o,l,o,l+v),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*r,n.fillStyle=a,n.fill()),0===i.alignment&&n.restore()},e.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},e.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},e}(),s=new i.Matrix;return r.Graphics.prototype.generateCanvasTexture=function(e,i){void 0===i&&(i=1);var r=this.getLocalBounds(),o=t.RenderTexture.create({width:r.width,height:r.height,scaleMode:e,resolution:i});n||(n=new a.CanvasRenderer),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(s),s.invert(),s.tx-=r.x,s.ty-=r.y,n.render(this,{renderTexture:o,clear:!0,transform:s});var l=t.Texture.from(o.baseTexture._canvasRenderTarget.canvas,{scaleMode:e});return l.baseTexture.setResolution(i),l},r.Graphics.prototype.cachedGraphicsData=[],r.Graphics.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))},e.CanvasGraphicsRenderer=l,e}({},PIXI,PIXI,PIXI,PIXI);Object.assign(this.PIXI,_pixi_canvas_graphics);
 //# sourceMappingURL=canvas-graphics.min.js.map

dist/cjs/canvas-graphics.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -475,2 +475,5 @@ * @pixi/canvas-graphics is licensed under the MIT License.
         var ym = y + (h / 2); // y-middle
+        if (lineStyle.alignment === 0) {
+            context.save();
+        }
         context.beginPath();
@@ -491,2 +494,5 @@ context.moveTo(x, ym);
         }
+        if (lineStyle.alignment === 0) {
+            context.restore();
+        }
     };
@@ -512,2 +518,5 @@ /**
         radius = radius > maxRadius ? maxRadius : radius;
+        if (lineStyle.alignment === 0) {
+            context.save();
+        }
         context.beginPath();
@@ -532,2 +541,5 @@ context.moveTo(rx, ry + radius);
         }
+        if (lineStyle.alignment === 0) {
+            context.restore();
+        }
     };
@@ -534,0 +546,0 @@ CanvasGraphicsRenderer.prototype.setPatternTransform = function (pattern, matrix) {

dist/cjs/canvas-graphics.min.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -8,3 +8,3 @@ * @pixi/canvas-graphics is licensed under the MIT License.
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var canvasRenderer,core=require("@pixi/core"),math=require("@pixi/math"),canvasRenderer$1=require("@pixi/canvas-renderer"),graphics=require("@pixi/graphics"),PolygonUtils=function(){function e(){}return e.offsetPolygon=function(t,i){var r=[],a=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var n=0;n<a;n+=2){var o=n-2;o<0&&(o+=a);var l=(n+2)%a,s=t[n]-t[o],h=t[n+1]-t[o+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var c=-(h*=i),p=s*=i,g=[t[o]+c,t[o+1]+p],f=[t[n]+c,t[n+1]+p],u=t[l]-t[n],d=t[l+1]-t[n+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var m=-(d*=i),T=u*=i,x=[t[n]+m,t[n+1]+T],y=[t[l]+m,t[l+1]+T],b=e.findIntersection(g[0],g[1],f[0],f[1],x[0],x[1],y[0],y[1]);b&&r.push.apply(r,b)}return r},e.findIntersection=function(e,t,i,r,a,n,o,l){var s=(l-n)*(i-e)-(o-a)*(r-t),h=(o-a)*(t-n)-(l-n)*(e-a);if(0===s)return 0===h&&0===(i-e)*(t-n)-(r-t)*(e-a)?[(e+i)/2,(t+r)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(r-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),CanvasGraphicsRenderer=function(){function e(e){this._svgMatrix=null,this._tempMatrix=new math.Matrix,this.renderer=e}return e.prototype._calcCanvasStyle=function(e,t){var i;return e.texture&&e.texture.baseTexture!==core.Texture.WHITE.baseTexture?e.texture.valid?(i=canvasRenderer$1.canvasUtils.getTintedPattern(e.texture,t),this.setPatternTransform(i,e.matrix||math.Matrix.IDENTITY)):i="#808080":i="#"+("00000"+(0|t).toString(16)).substr(-6),i},e.prototype.render=function(e){var t=this.renderer,i=t.context,r=e.worldAlpha,a=e.transform.worldTransform;t.setContextTransform(a),t.setBlendMode(e.blendMode);for(var n,o,l=e.geometry.graphicsData,s=(e.tint>>16&255)/255,h=(e.tint>>8&255)/255,v=(255&e.tint)/255,c=0;c<l.length;c++){var p=l[c],g=p.shape,f=p.fillStyle,u=p.lineStyle,d=0|p.fillStyle.color,m=0|p.lineStyle.color;if(p.matrix&&t.setContextTransform(a.copyTo(this._tempMatrix).append(p.matrix)),f.visible){var T=((d>>16&255)/255*s*255<<16)+((d>>8&255)/255*h*255<<8)+(255&d)/255*v*255;n=this._calcCanvasStyle(f,T)}if(u.visible){var x=((m>>16&255)/255*s*255<<16)+((m>>8&255)/255*h*255<<8)+(255&m)/255*v*255;o=this._calcCanvasStyle(u,x)}if(i.lineWidth=u.width,i.lineCap=u.cap,i.lineJoin=u.join,i.miterLimit=u.miterLimit,p.type===math.SHAPES.POLY){i.beginPath();var y=(k=g).points,b=p.holes,M=void 0,P=void 0,S=void 0,C=void 0,w=void 0;i.moveTo(y[0],y[1]);for(var R=2;R<y.length;R+=2)i.lineTo(y[R],y[R+1]);if(k.closeStroke&&i.closePath(),b.length>0){w=[],M=0,S=y[0],C=y[1];for(R=2;R+2<y.length;R+=2)M+=(y[R]-S)*(y[R+3]-C)-(y[R+2]-S)*(y[R+1]-C);for(var _=0;_<b.length;_++)if(y=b[_].shape.points){P=0,S=y[0],C=y[1];for(R=2;R+2<y.length;R+=2)P+=(y[R]-S)*(y[R+3]-C)-(y[R+2]-S)*(y[R+1]-C);if(P*M<0){i.moveTo(y[0],y[1]);for(R=2;R<y.length;R+=2)i.lineTo(y[R],y[R+1])}else{i.moveTo(y[y.length-2],y[y.length-1]);for(R=y.length-4;R>=0;R-=2)i.lineTo(y[R],y[R+1])}b[_].shape.closeStroke&&i.closePath(),w[_]=P*M<0}}f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fill()),u.visible&&this.paintPolygonStroke(k,u,o,b,w,r,i)}else if(p.type===math.SHAPES.RECT){var k=g;if(f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fillRect(k.x,k.y,k.width,k.height)),u.visible){var A=u.width*(.5-(1-u.alignment)),q=k.width+2*A,E=k.height+2*A;i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.strokeRect(k.x-A,k.y-A,q,E)}}else if(p.type===math.SHAPES.CIRC){k=g;if(i.beginPath(),i.arc(k.x,k.y,k.radius,0,2*Math.PI),i.closePath(),f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fill()),u.visible){if(.5!==u.alignment){A=u.width*(.5-(1-u.alignment));i.beginPath(),i.arc(k.x,k.y,k.radius+A,0,2*Math.PI),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}}else if(p.type===math.SHAPES.ELIP){k=g;if((N=1===u.alignment)||this.paintEllipse(k,f,u,n,r,i),u.visible){if(.5!==u.alignment){A=u.width*(.5-(1-u.alignment));var G=2*(k.width+A),I=2*(k.height+A),z=k.x-G/2,H=k.y-I/2,L=G/2*.5522848,U=I/2*.5522848,D=z+G,$=H+I,j=z+G/2,B=H+I/2;i.beginPath(),i.moveTo(z,B),i.bezierCurveTo(z,B-U,j-L,H,j,H),i.bezierCurveTo(j+L,H,D,B-U,D,B),i.bezierCurveTo(D,B+U,j+L,$,j,$),i.bezierCurveTo(j-L,$,z,B+U,z,B),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}N&&this.paintEllipse(k,f,u,n,r,i)}else if(p.type===math.SHAPES.RREC){var N;k=g;if((N=1===u.alignment)||this.paintRoundedRectangle(k,f,u,n,r,i),u.visible){if(.5!==u.alignment){q=k.width,E=k.height,A=u.width*(.5-(1-u.alignment));var O=k.x-A,V=k.y-A,W=k.width+2*A,Y=k.height+2*A,J=A*(u.alignment>=1?Math.min(W/q,Y/E):Math.min(q/W,E/Y)),F=k.radius+J,K=Math.min(W,Y)/2;F=F>K?K:F,i.beginPath(),i.moveTo(O,V+F),i.lineTo(O,V+Y-F),i.quadraticCurveTo(O,V+Y,O+F,V+Y),i.lineTo(O+W-F,V+Y),i.quadraticCurveTo(O+W,V+Y,O+W,V+Y-F),i.lineTo(O+W,V+F),i.quadraticCurveTo(O+W,V,O+W-F,V),i.lineTo(O+F,V),i.quadraticCurveTo(O,V,O,V+F),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}N&&this.paintRoundedRectangle(k,f,u,n,r,i)}}},e.prototype.paintPolygonStroke=function(e,t,i,r,a,n,o){if(.5!==t.alignment){var l=t.width*(.5-(1-t.alignment)),s=PolygonUtils.offsetPolygon(e.points,l),h=void 0;o.beginPath(),o.moveTo(s[0],s[1]);for(var v=2;v<s.length;v+=2)o.lineTo(s[v],s[v+1]);e.closeStroke&&o.closePath();for(var c=0;c<r.length;c++){if(h=r[c].shape.points,s=PolygonUtils.offsetPolygon(h,l),a[c]){o.moveTo(s[0],s[1]);for(v=2;v<s.length;v+=2)o.lineTo(s[v],s[v+1])}else{o.moveTo(s[s.length-2],s[s.length-1]);for(v=s.length-4;v>=0;v-=2)o.lineTo(s[v],s[v+1])}r[c].shape.closeStroke&&o.closePath()}}o.globalAlpha=t.alpha*n,o.strokeStyle=i,o.stroke()},e.prototype.paintEllipse=function(e,t,i,r,a,n){var o=2*e.width,l=2*e.height,s=e.x-o/2,h=e.y-l/2,v=o/2*.5522848,c=l/2*.5522848,p=s+o,g=h+l,f=s+o/2,u=h+l/2;n.beginPath(),n.moveTo(s,u),n.bezierCurveTo(s,u-c,f-v,h,f,h),n.bezierCurveTo(f+v,h,p,u-c,p,u),n.bezierCurveTo(p,u+c,f+v,g,f,g),n.bezierCurveTo(f-v,g,s,u+c,s,u),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*a,n.fillStyle=r,n.fill())},e.prototype.paintRoundedRectangle=function(e,t,i,r,a,n){var o=e.x,l=e.y,s=e.width,h=e.height,v=e.radius,c=Math.min(s,h)/2;v=v>c?c:v,n.beginPath(),n.moveTo(o,l+v),n.lineTo(o,l+h-v),n.quadraticCurveTo(o,l+h,o+v,l+h),n.lineTo(o+s-v,l+h),n.quadraticCurveTo(o+s,l+h,o+s,l+h-v),n.lineTo(o+s,l+v),n.quadraticCurveTo(o+s,l,o+s-v,l),n.lineTo(o+v,l),n.quadraticCurveTo(o,l,o,l+v),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*a,n.fillStyle=r,n.fill())},e.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},e.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},e}(),tempMatrix=new math.Matrix;graphics.Graphics.prototype.generateCanvasTexture=function(e,t){void 0===t&&(t=1);var i=this.getLocalBounds(),r=core.RenderTexture.create({width:i.width,height:i.height,scaleMode:e,resolution:t});canvasRenderer||(canvasRenderer=new canvasRenderer$1.CanvasRenderer),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(tempMatrix),tempMatrix.invert(),tempMatrix.tx-=i.x,tempMatrix.ty-=i.y,canvasRenderer.render(this,{renderTexture:r,clear:!0,transform:tempMatrix});var a=core.Texture.from(r.baseTexture._canvasRenderTarget.canvas,{scaleMode:e});return a.baseTexture.setResolution(t),a},graphics.Graphics.prototype.cachedGraphicsData=[],graphics.Graphics.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))},exports.CanvasGraphicsRenderer=CanvasGraphicsRenderer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var canvasRenderer,core=require("@pixi/core"),math=require("@pixi/math"),canvasRenderer$1=require("@pixi/canvas-renderer"),graphics=require("@pixi/graphics"),PolygonUtils=function(){function e(){}return e.offsetPolygon=function(t,i){var r=[],a=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var n=0;n<a;n+=2){var o=n-2;o<0&&(o+=a);var l=(n+2)%a,s=t[n]-t[o],h=t[n+1]-t[o+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var c=-(h*=i),p=s*=i,g=[t[o]+c,t[o+1]+p],f=[t[n]+c,t[n+1]+p],u=t[l]-t[n],d=t[l+1]-t[n+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var m=-(d*=i),T=u*=i,x=[t[n]+m,t[n+1]+T],y=[t[l]+m,t[l+1]+T],b=e.findIntersection(g[0],g[1],f[0],f[1],x[0],x[1],y[0],y[1]);b&&r.push.apply(r,b)}return r},e.findIntersection=function(e,t,i,r,a,n,o,l){var s=(l-n)*(i-e)-(o-a)*(r-t),h=(o-a)*(t-n)-(l-n)*(e-a);if(0===s)return 0===h&&0===(i-e)*(t-n)-(r-t)*(e-a)?[(e+i)/2,(t+r)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(r-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),CanvasGraphicsRenderer=function(){function e(e){this._svgMatrix=null,this._tempMatrix=new math.Matrix,this.renderer=e}return e.prototype._calcCanvasStyle=function(e,t){var i;return e.texture&&e.texture.baseTexture!==core.Texture.WHITE.baseTexture?e.texture.valid?(i=canvasRenderer$1.canvasUtils.getTintedPattern(e.texture,t),this.setPatternTransform(i,e.matrix||math.Matrix.IDENTITY)):i="#808080":i="#"+("00000"+(0|t).toString(16)).substr(-6),i},e.prototype.render=function(e){var t=this.renderer,i=t.context,r=e.worldAlpha,a=e.transform.worldTransform;t.setContextTransform(a),t.setBlendMode(e.blendMode);for(var n,o,l=e.geometry.graphicsData,s=(e.tint>>16&255)/255,h=(e.tint>>8&255)/255,v=(255&e.tint)/255,c=0;c<l.length;c++){var p=l[c],g=p.shape,f=p.fillStyle,u=p.lineStyle,d=0|p.fillStyle.color,m=0|p.lineStyle.color;if(p.matrix&&t.setContextTransform(a.copyTo(this._tempMatrix).append(p.matrix)),f.visible){var T=((d>>16&255)/255*s*255<<16)+((d>>8&255)/255*h*255<<8)+(255&d)/255*v*255;n=this._calcCanvasStyle(f,T)}if(u.visible){var x=((m>>16&255)/255*s*255<<16)+((m>>8&255)/255*h*255<<8)+(255&m)/255*v*255;o=this._calcCanvasStyle(u,x)}if(i.lineWidth=u.width,i.lineCap=u.cap,i.lineJoin=u.join,i.miterLimit=u.miterLimit,p.type===math.SHAPES.POLY){i.beginPath();var y=(k=g).points,b=p.holes,M=void 0,P=void 0,S=void 0,C=void 0,w=void 0;i.moveTo(y[0],y[1]);for(var R=2;R<y.length;R+=2)i.lineTo(y[R],y[R+1]);if(k.closeStroke&&i.closePath(),b.length>0){w=[],M=0,S=y[0],C=y[1];for(R=2;R+2<y.length;R+=2)M+=(y[R]-S)*(y[R+3]-C)-(y[R+2]-S)*(y[R+1]-C);for(var _=0;_<b.length;_++)if(y=b[_].shape.points){P=0,S=y[0],C=y[1];for(R=2;R+2<y.length;R+=2)P+=(y[R]-S)*(y[R+3]-C)-(y[R+2]-S)*(y[R+1]-C);if(P*M<0){i.moveTo(y[0],y[1]);for(R=2;R<y.length;R+=2)i.lineTo(y[R],y[R+1])}else{i.moveTo(y[y.length-2],y[y.length-1]);for(R=y.length-4;R>=0;R-=2)i.lineTo(y[R],y[R+1])}b[_].shape.closeStroke&&i.closePath(),w[_]=P*M<0}}f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fill()),u.visible&&this.paintPolygonStroke(k,u,o,b,w,r,i)}else if(p.type===math.SHAPES.RECT){var k=g;if(f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fillRect(k.x,k.y,k.width,k.height)),u.visible){var A=u.width*(.5-(1-u.alignment)),q=k.width+2*A,E=k.height+2*A;i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.strokeRect(k.x-A,k.y-A,q,E)}}else if(p.type===math.SHAPES.CIRC){k=g;if(i.beginPath(),i.arc(k.x,k.y,k.radius,0,2*Math.PI),i.closePath(),f.visible&&(i.globalAlpha=f.alpha*r,i.fillStyle=n,i.fill()),u.visible){if(.5!==u.alignment){A=u.width*(.5-(1-u.alignment));i.beginPath(),i.arc(k.x,k.y,k.radius+A,0,2*Math.PI),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}}else if(p.type===math.SHAPES.ELIP){k=g;if((N=1===u.alignment)||this.paintEllipse(k,f,u,n,r,i),u.visible){if(.5!==u.alignment){A=u.width*(.5-(1-u.alignment));var G=2*(k.width+A),I=2*(k.height+A),z=k.x-G/2,H=k.y-I/2,L=G/2*.5522848,U=I/2*.5522848,D=z+G,$=H+I,j=z+G/2,B=H+I/2;i.beginPath(),i.moveTo(z,B),i.bezierCurveTo(z,B-U,j-L,H,j,H),i.bezierCurveTo(j+L,H,D,B-U,D,B),i.bezierCurveTo(D,B+U,j+L,$,j,$),i.bezierCurveTo(j-L,$,z,B+U,z,B),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}N&&this.paintEllipse(k,f,u,n,r,i)}else if(p.type===math.SHAPES.RREC){var N;k=g;if((N=1===u.alignment)||this.paintRoundedRectangle(k,f,u,n,r,i),u.visible){if(.5!==u.alignment){q=k.width,E=k.height,A=u.width*(.5-(1-u.alignment));var O=k.x-A,V=k.y-A,W=k.width+2*A,Y=k.height+2*A,J=A*(u.alignment>=1?Math.min(W/q,Y/E):Math.min(q/W,E/Y)),F=k.radius+J,K=Math.min(W,Y)/2;F=F>K?K:F,i.beginPath(),i.moveTo(O,V+F),i.lineTo(O,V+Y-F),i.quadraticCurveTo(O,V+Y,O+F,V+Y),i.lineTo(O+W-F,V+Y),i.quadraticCurveTo(O+W,V+Y,O+W,V+Y-F),i.lineTo(O+W,V+F),i.quadraticCurveTo(O+W,V,O+W-F,V),i.lineTo(O+F,V),i.quadraticCurveTo(O,V,O,V+F),i.closePath()}i.globalAlpha=u.alpha*r,i.strokeStyle=o,i.stroke()}N&&this.paintRoundedRectangle(k,f,u,n,r,i)}}},e.prototype.paintPolygonStroke=function(e,t,i,r,a,n,o){if(.5!==t.alignment){var l=t.width*(.5-(1-t.alignment)),s=PolygonUtils.offsetPolygon(e.points,l),h=void 0;o.beginPath(),o.moveTo(s[0],s[1]);for(var v=2;v<s.length;v+=2)o.lineTo(s[v],s[v+1]);e.closeStroke&&o.closePath();for(var c=0;c<r.length;c++){if(h=r[c].shape.points,s=PolygonUtils.offsetPolygon(h,l),a[c]){o.moveTo(s[0],s[1]);for(v=2;v<s.length;v+=2)o.lineTo(s[v],s[v+1])}else{o.moveTo(s[s.length-2],s[s.length-1]);for(v=s.length-4;v>=0;v-=2)o.lineTo(s[v],s[v+1])}r[c].shape.closeStroke&&o.closePath()}}o.globalAlpha=t.alpha*n,o.strokeStyle=i,o.stroke()},e.prototype.paintEllipse=function(e,t,i,r,a,n){var o=2*e.width,l=2*e.height,s=e.x-o/2,h=e.y-l/2,v=o/2*.5522848,c=l/2*.5522848,p=s+o,g=h+l,f=s+o/2,u=h+l/2;0===i.alignment&&n.save(),n.beginPath(),n.moveTo(s,u),n.bezierCurveTo(s,u-c,f-v,h,f,h),n.bezierCurveTo(f+v,h,p,u-c,p,u),n.bezierCurveTo(p,u+c,f+v,g,f,g),n.bezierCurveTo(f-v,g,s,u+c,s,u),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*a,n.fillStyle=r,n.fill()),0===i.alignment&&n.restore()},e.prototype.paintRoundedRectangle=function(e,t,i,r,a,n){var o=e.x,l=e.y,s=e.width,h=e.height,v=e.radius,c=Math.min(s,h)/2;v=v>c?c:v,0===i.alignment&&n.save(),n.beginPath(),n.moveTo(o,l+v),n.lineTo(o,l+h-v),n.quadraticCurveTo(o,l+h,o+v,l+h),n.lineTo(o+s-v,l+h),n.quadraticCurveTo(o+s,l+h,o+s,l+h-v),n.lineTo(o+s,l+v),n.quadraticCurveTo(o+s,l,o+s-v,l),n.lineTo(o+v,l),n.quadraticCurveTo(o,l,o,l+v),n.closePath(),0===i.alignment&&n.clip(),t.visible&&(n.globalAlpha=t.alpha*a,n.fillStyle=r,n.fill()),0===i.alignment&&n.restore()},e.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},e.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},e}(),tempMatrix=new math.Matrix;graphics.Graphics.prototype.generateCanvasTexture=function(e,t){void 0===t&&(t=1);var i=this.getLocalBounds(),r=core.RenderTexture.create({width:i.width,height:i.height,scaleMode:e,resolution:t});canvasRenderer||(canvasRenderer=new canvasRenderer$1.CanvasRenderer),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(tempMatrix),tempMatrix.invert(),tempMatrix.tx-=i.x,tempMatrix.ty-=i.y,canvasRenderer.render(this,{renderTexture:r,clear:!0,transform:tempMatrix});var a=core.Texture.from(r.baseTexture._canvasRenderTarget.canvas,{scaleMode:e});return a.baseTexture.setResolution(t),a},graphics.Graphics.prototype.cachedGraphicsData=[],graphics.Graphics.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))},exports.CanvasGraphicsRenderer=CanvasGraphicsRenderer;
 //# sourceMappingURL=canvas-graphics.min.js.map

dist/esm/canvas-graphics.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -471,2 +471,5 @@ * @pixi/canvas-graphics is licensed under the MIT License.
         var ym = y + (h / 2); // y-middle
+        if (lineStyle.alignment === 0) {
+            context.save();
+        }
         context.beginPath();
@@ -487,2 +490,5 @@ context.moveTo(x, ym);
         }
+        if (lineStyle.alignment === 0) {
+            context.restore();
+        }
     };
@@ -508,2 +514,5 @@ /**
         radius = radius > maxRadius ? maxRadius : radius;
+        if (lineStyle.alignment === 0) {
+            context.save();
+        }
         context.beginPath();
@@ -528,2 +537,5 @@ context.moveTo(rx, ry + radius);
         }
+        if (lineStyle.alignment === 0) {
+            context.restore();
+        }
     };
@@ -530,0 +542,0 @@ CanvasGraphicsRenderer.prototype.setPatternTransform = function (pattern, matrix) {

dist/esm/canvas-graphics.min.js

 /*!
- * @pixi/canvas-graphics - v6.2.1
- * Compiled Tue, 21 Dec 2021 19:56:15 UTC
+ * @pixi/canvas-graphics - v6.2.2
+ * Compiled Wed, 26 Jan 2022 16:23:27 UTC
  *
@@ -8,3 +8,3 @@ * @pixi/canvas-graphics is licensed under the MIT License.
  */
-import{Texture as e,RenderTexture as t}from"@pixi/core";import{Matrix as i,SHAPES as r}from"@pixi/math";import{canvasUtils as a,CanvasRenderer as o}from"@pixi/canvas-renderer";import{Graphics as l}from"@pixi/graphics";var n,s=function(){function e(){}return e.offsetPolygon=function(t,i){var r=[],a=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var o=0;o<a;o+=2){var l=o-2;l<0&&(l+=a);var n=(o+2)%a,s=t[o]-t[l],h=t[o+1]-t[l+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var g=-(h*=i),p=s*=i,f=[t[l]+g,t[l+1]+p],c=[t[o]+g,t[o+1]+p],u=t[n]-t[o],d=t[n+1]-t[o+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var m=-(d*=i),T=u*=i,y=[t[o]+m,t[o+1]+T],x=[t[n]+m,t[n+1]+T],b=e.findIntersection(f[0],f[1],c[0],c[1],y[0],y[1],x[0],x[1]);b&&r.push.apply(r,b)}return r},e.findIntersection=function(e,t,i,r,a,o,l,n){var s=(n-o)*(i-e)-(l-a)*(r-t),h=(l-a)*(t-o)-(n-o)*(e-a);if(0===s)return 0===h&&0===(i-e)*(t-o)-(r-t)*(e-a)?[(e+i)/2,(t+r)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(r-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),h=function(){function t(e){this._svgMatrix=null,this._tempMatrix=new i,this.renderer=e}return t.prototype._calcCanvasStyle=function(t,r){var o;return t.texture&&t.texture.baseTexture!==e.WHITE.baseTexture?t.texture.valid?(o=a.getTintedPattern(t.texture,r),this.setPatternTransform(o,t.matrix||i.IDENTITY)):o="#808080":o="#"+("00000"+(0|r).toString(16)).substr(-6),o},t.prototype.render=function(e){var t=this.renderer,i=t.context,a=e.worldAlpha,o=e.transform.worldTransform;t.setContextTransform(o),t.setBlendMode(e.blendMode);for(var l,n,s=e.geometry.graphicsData,h=(e.tint>>16&255)/255,v=(e.tint>>8&255)/255,g=(255&e.tint)/255,p=0;p<s.length;p++){var f=s[p],c=f.shape,u=f.fillStyle,d=f.lineStyle,m=0|f.fillStyle.color,T=0|f.lineStyle.color;if(f.matrix&&t.setContextTransform(o.copyTo(this._tempMatrix).append(f.matrix)),u.visible){var y=((m>>16&255)/255*h*255<<16)+((m>>8&255)/255*v*255<<8)+(255&m)/255*g*255;l=this._calcCanvasStyle(u,y)}if(d.visible){var x=((T>>16&255)/255*h*255<<16)+((T>>8&255)/255*v*255<<8)+(255&T)/255*g*255;n=this._calcCanvasStyle(d,x)}if(i.lineWidth=d.width,i.lineCap=d.cap,i.lineJoin=d.join,i.miterLimit=d.miterLimit,f.type===r.POLY){i.beginPath();var b=(A=c).points,P=f.holes,M=void 0,C=void 0,S=void 0,w=void 0,_=void 0;i.moveTo(b[0],b[1]);for(var k=2;k<b.length;k+=2)i.lineTo(b[k],b[k+1]);if(A.closeStroke&&i.closePath(),P.length>0){_=[],M=0,S=b[0],w=b[1];for(k=2;k+2<b.length;k+=2)M+=(b[k]-S)*(b[k+3]-w)-(b[k+2]-S)*(b[k+1]-w);for(var R=0;R<P.length;R++)if(b=P[R].shape.points){C=0,S=b[0],w=b[1];for(k=2;k+2<b.length;k+=2)C+=(b[k]-S)*(b[k+3]-w)-(b[k+2]-S)*(b[k+1]-w);if(C*M<0){i.moveTo(b[0],b[1]);for(k=2;k<b.length;k+=2)i.lineTo(b[k],b[k+1])}else{i.moveTo(b[b.length-2],b[b.length-1]);for(k=b.length-4;k>=0;k-=2)i.lineTo(b[k],b[k+1])}P[R].shape.closeStroke&&i.closePath(),_[R]=C*M<0}}u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fill()),d.visible&&this.paintPolygonStroke(A,d,n,P,_,a,i)}else if(f.type===r.RECT){var A=c;if(u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fillRect(A.x,A.y,A.width,A.height)),d.visible){var q=d.width*(.5-(1-d.alignment)),E=A.width+2*q,I=A.height+2*q;i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.strokeRect(A.x-q,A.y-q,E,I)}}else if(f.type===r.CIRC){A=c;if(i.beginPath(),i.arc(A.x,A.y,A.radius,0,2*Math.PI),i.closePath(),u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fill()),d.visible){if(.5!==d.alignment){q=d.width*(.5-(1-d.alignment));i.beginPath(),i.arc(A.x,A.y,A.radius+q,0,2*Math.PI),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}}else if(f.type===r.ELIP){A=c;if((H=1===d.alignment)||this.paintEllipse(A,u,d,l,a,i),d.visible){if(.5!==d.alignment){q=d.width*(.5-(1-d.alignment));var z=2*(A.width+q),L=2*(A.height+q),D=A.x-z/2,G=A.y-L/2,B=z/2*.5522848,N=L/2*.5522848,V=D+z,W=G+L,Y=D+z/2,j=G+L/2;i.beginPath(),i.moveTo(D,j),i.bezierCurveTo(D,j-N,Y-B,G,Y,G),i.bezierCurveTo(Y+B,G,V,j-N,V,j),i.bezierCurveTo(V,j+N,Y+B,W,Y,W),i.bezierCurveTo(Y-B,W,D,j+N,D,j),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}H&&this.paintEllipse(A,u,d,l,a,i)}else if(f.type===r.RREC){var H;A=c;if((H=1===d.alignment)||this.paintRoundedRectangle(A,u,d,l,a,i),d.visible){if(.5!==d.alignment){E=A.width,I=A.height,q=d.width*(.5-(1-d.alignment));var J=A.x-q,O=A.y-q,F=A.width+2*q,K=A.height+2*q,Q=q*(d.alignment>=1?Math.min(F/E,K/I):Math.min(E/F,I/K)),U=A.radius+Q,X=Math.min(F,K)/2;U=U>X?X:U,i.beginPath(),i.moveTo(J,O+U),i.lineTo(J,O+K-U),i.quadraticCurveTo(J,O+K,J+U,O+K),i.lineTo(J+F-U,O+K),i.quadraticCurveTo(J+F,O+K,J+F,O+K-U),i.lineTo(J+F,O+U),i.quadraticCurveTo(J+F,O,J+F-U,O),i.lineTo(J+U,O),i.quadraticCurveTo(J,O,J,O+U),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}H&&this.paintRoundedRectangle(A,u,d,l,a,i)}}},t.prototype.paintPolygonStroke=function(e,t,i,r,a,o,l){if(.5!==t.alignment){var n=t.width*(.5-(1-t.alignment)),h=s.offsetPolygon(e.points,n),v=void 0;l.beginPath(),l.moveTo(h[0],h[1]);for(var g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1]);e.closeStroke&&l.closePath();for(var p=0;p<r.length;p++){if(v=r[p].shape.points,h=s.offsetPolygon(v,n),a[p]){l.moveTo(h[0],h[1]);for(g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1])}else{l.moveTo(h[h.length-2],h[h.length-1]);for(g=h.length-4;g>=0;g-=2)l.lineTo(h[g],h[g+1])}r[p].shape.closeStroke&&l.closePath()}}l.globalAlpha=t.alpha*o,l.strokeStyle=i,l.stroke()},t.prototype.paintEllipse=function(e,t,i,r,a,o){var l=2*e.width,n=2*e.height,s=e.x-l/2,h=e.y-n/2,v=l/2*.5522848,g=n/2*.5522848,p=s+l,f=h+n,c=s+l/2,u=h+n/2;o.beginPath(),o.moveTo(s,u),o.bezierCurveTo(s,u-g,c-v,h,c,h),o.bezierCurveTo(c+v,h,p,u-g,p,u),o.bezierCurveTo(p,u+g,c+v,f,c,f),o.bezierCurveTo(c-v,f,s,u+g,s,u),o.closePath(),0===i.alignment&&o.clip(),t.visible&&(o.globalAlpha=t.alpha*a,o.fillStyle=r,o.fill())},t.prototype.paintRoundedRectangle=function(e,t,i,r,a,o){var l=e.x,n=e.y,s=e.width,h=e.height,v=e.radius,g=Math.min(s,h)/2;v=v>g?g:v,o.beginPath(),o.moveTo(l,n+v),o.lineTo(l,n+h-v),o.quadraticCurveTo(l,n+h,l+v,n+h),o.lineTo(l+s-v,n+h),o.quadraticCurveTo(l+s,n+h,l+s,n+h-v),o.lineTo(l+s,n+v),o.quadraticCurveTo(l+s,n,l+s-v,n),o.lineTo(l+v,n),o.quadraticCurveTo(l,n,l,n+v),o.closePath(),0===i.alignment&&o.clip(),t.visible&&(o.globalAlpha=t.alpha*a,o.fillStyle=r,o.fill())},t.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},t.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},t}(),v=new i;l.prototype.generateCanvasTexture=function(i,r){void 0===r&&(r=1);var a=this.getLocalBounds(),l=t.create({width:a.width,height:a.height,scaleMode:i,resolution:r});n||(n=new o),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(v),v.invert(),v.tx-=a.x,v.ty-=a.y,n.render(this,{renderTexture:l,clear:!0,transform:v});var s=e.from(l.baseTexture._canvasRenderTarget.canvas,{scaleMode:i});return s.baseTexture.setResolution(r),s},l.prototype.cachedGraphicsData=[],l.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))};export{h as CanvasGraphicsRenderer};
+import{Texture as e,RenderTexture as t}from"@pixi/core";import{Matrix as i,SHAPES as r}from"@pixi/math";import{canvasUtils as a,CanvasRenderer as o}from"@pixi/canvas-renderer";import{Graphics as l}from"@pixi/graphics";var n,s=function(){function e(){}return e.offsetPolygon=function(t,i){var r=[],a=t.length;i=e.isPolygonClockwise(t)?i:-1*i;for(var o=0;o<a;o+=2){var l=o-2;l<0&&(l+=a);var n=(o+2)%a,s=t[o]-t[l],h=t[o+1]-t[l+1],v=Math.sqrt(s*s+h*h);s/=v,h/=v;var g=-(h*=i),p=s*=i,f=[t[l]+g,t[l+1]+p],c=[t[o]+g,t[o+1]+p],u=t[n]-t[o],d=t[n+1]-t[o+1];u/=v=Math.sqrt(u*u+d*d),d/=v;var m=-(d*=i),T=u*=i,y=[t[o]+m,t[o+1]+T],x=[t[n]+m,t[n+1]+T],b=e.findIntersection(f[0],f[1],c[0],c[1],y[0],y[1],x[0],x[1]);b&&r.push.apply(r,b)}return r},e.findIntersection=function(e,t,i,r,a,o,l,n){var s=(n-o)*(i-e)-(l-a)*(r-t),h=(l-a)*(t-o)-(n-o)*(e-a);if(0===s)return 0===h&&0===(i-e)*(t-o)-(r-t)*(e-a)?[(e+i)/2,(t+r)/2]:null;var v=h/s;return[e+v*(i-e),t+v*(r-t)]},e.isPolygonClockwise=function(e){for(var t=0,i=0;i<e.length-2;i+=2)t+=(e[i+2]-e[i])*(e[i+3]+e[i+1]);return t>0},e}(),h=function(){function t(e){this._svgMatrix=null,this._tempMatrix=new i,this.renderer=e}return t.prototype._calcCanvasStyle=function(t,r){var o;return t.texture&&t.texture.baseTexture!==e.WHITE.baseTexture?t.texture.valid?(o=a.getTintedPattern(t.texture,r),this.setPatternTransform(o,t.matrix||i.IDENTITY)):o="#808080":o="#"+("00000"+(0|r).toString(16)).substr(-6),o},t.prototype.render=function(e){var t=this.renderer,i=t.context,a=e.worldAlpha,o=e.transform.worldTransform;t.setContextTransform(o),t.setBlendMode(e.blendMode);for(var l,n,s=e.geometry.graphicsData,h=(e.tint>>16&255)/255,v=(e.tint>>8&255)/255,g=(255&e.tint)/255,p=0;p<s.length;p++){var f=s[p],c=f.shape,u=f.fillStyle,d=f.lineStyle,m=0|f.fillStyle.color,T=0|f.lineStyle.color;if(f.matrix&&t.setContextTransform(o.copyTo(this._tempMatrix).append(f.matrix)),u.visible){var y=((m>>16&255)/255*h*255<<16)+((m>>8&255)/255*v*255<<8)+(255&m)/255*g*255;l=this._calcCanvasStyle(u,y)}if(d.visible){var x=((T>>16&255)/255*h*255<<16)+((T>>8&255)/255*v*255<<8)+(255&T)/255*g*255;n=this._calcCanvasStyle(d,x)}if(i.lineWidth=d.width,i.lineCap=d.cap,i.lineJoin=d.join,i.miterLimit=d.miterLimit,f.type===r.POLY){i.beginPath();var b=(A=c).points,P=f.holes,M=void 0,C=void 0,S=void 0,w=void 0,_=void 0;i.moveTo(b[0],b[1]);for(var k=2;k<b.length;k+=2)i.lineTo(b[k],b[k+1]);if(A.closeStroke&&i.closePath(),P.length>0){_=[],M=0,S=b[0],w=b[1];for(k=2;k+2<b.length;k+=2)M+=(b[k]-S)*(b[k+3]-w)-(b[k+2]-S)*(b[k+1]-w);for(var R=0;R<P.length;R++)if(b=P[R].shape.points){C=0,S=b[0],w=b[1];for(k=2;k+2<b.length;k+=2)C+=(b[k]-S)*(b[k+3]-w)-(b[k+2]-S)*(b[k+1]-w);if(C*M<0){i.moveTo(b[0],b[1]);for(k=2;k<b.length;k+=2)i.lineTo(b[k],b[k+1])}else{i.moveTo(b[b.length-2],b[b.length-1]);for(k=b.length-4;k>=0;k-=2)i.lineTo(b[k],b[k+1])}P[R].shape.closeStroke&&i.closePath(),_[R]=C*M<0}}u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fill()),d.visible&&this.paintPolygonStroke(A,d,n,P,_,a,i)}else if(f.type===r.RECT){var A=c;if(u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fillRect(A.x,A.y,A.width,A.height)),d.visible){var q=d.width*(.5-(1-d.alignment)),E=A.width+2*q,I=A.height+2*q;i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.strokeRect(A.x-q,A.y-q,E,I)}}else if(f.type===r.CIRC){A=c;if(i.beginPath(),i.arc(A.x,A.y,A.radius,0,2*Math.PI),i.closePath(),u.visible&&(i.globalAlpha=u.alpha*a,i.fillStyle=l,i.fill()),d.visible){if(.5!==d.alignment){q=d.width*(.5-(1-d.alignment));i.beginPath(),i.arc(A.x,A.y,A.radius+q,0,2*Math.PI),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}}else if(f.type===r.ELIP){A=c;if((H=1===d.alignment)||this.paintEllipse(A,u,d,l,a,i),d.visible){if(.5!==d.alignment){q=d.width*(.5-(1-d.alignment));var z=2*(A.width+q),L=2*(A.height+q),D=A.x-z/2,G=A.y-L/2,B=z/2*.5522848,N=L/2*.5522848,V=D+z,W=G+L,Y=D+z/2,j=G+L/2;i.beginPath(),i.moveTo(D,j),i.bezierCurveTo(D,j-N,Y-B,G,Y,G),i.bezierCurveTo(Y+B,G,V,j-N,V,j),i.bezierCurveTo(V,j+N,Y+B,W,Y,W),i.bezierCurveTo(Y-B,W,D,j+N,D,j),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}H&&this.paintEllipse(A,u,d,l,a,i)}else if(f.type===r.RREC){var H;A=c;if((H=1===d.alignment)||this.paintRoundedRectangle(A,u,d,l,a,i),d.visible){if(.5!==d.alignment){E=A.width,I=A.height,q=d.width*(.5-(1-d.alignment));var J=A.x-q,O=A.y-q,F=A.width+2*q,K=A.height+2*q,Q=q*(d.alignment>=1?Math.min(F/E,K/I):Math.min(E/F,I/K)),U=A.radius+Q,X=Math.min(F,K)/2;U=U>X?X:U,i.beginPath(),i.moveTo(J,O+U),i.lineTo(J,O+K-U),i.quadraticCurveTo(J,O+K,J+U,O+K),i.lineTo(J+F-U,O+K),i.quadraticCurveTo(J+F,O+K,J+F,O+K-U),i.lineTo(J+F,O+U),i.quadraticCurveTo(J+F,O,J+F-U,O),i.lineTo(J+U,O),i.quadraticCurveTo(J,O,J,O+U),i.closePath()}i.globalAlpha=d.alpha*a,i.strokeStyle=n,i.stroke()}H&&this.paintRoundedRectangle(A,u,d,l,a,i)}}},t.prototype.paintPolygonStroke=function(e,t,i,r,a,o,l){if(.5!==t.alignment){var n=t.width*(.5-(1-t.alignment)),h=s.offsetPolygon(e.points,n),v=void 0;l.beginPath(),l.moveTo(h[0],h[1]);for(var g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1]);e.closeStroke&&l.closePath();for(var p=0;p<r.length;p++){if(v=r[p].shape.points,h=s.offsetPolygon(v,n),a[p]){l.moveTo(h[0],h[1]);for(g=2;g<h.length;g+=2)l.lineTo(h[g],h[g+1])}else{l.moveTo(h[h.length-2],h[h.length-1]);for(g=h.length-4;g>=0;g-=2)l.lineTo(h[g],h[g+1])}r[p].shape.closeStroke&&l.closePath()}}l.globalAlpha=t.alpha*o,l.strokeStyle=i,l.stroke()},t.prototype.paintEllipse=function(e,t,i,r,a,o){var l=2*e.width,n=2*e.height,s=e.x-l/2,h=e.y-n/2,v=l/2*.5522848,g=n/2*.5522848,p=s+l,f=h+n,c=s+l/2,u=h+n/2;0===i.alignment&&o.save(),o.beginPath(),o.moveTo(s,u),o.bezierCurveTo(s,u-g,c-v,h,c,h),o.bezierCurveTo(c+v,h,p,u-g,p,u),o.bezierCurveTo(p,u+g,c+v,f,c,f),o.bezierCurveTo(c-v,f,s,u+g,s,u),o.closePath(),0===i.alignment&&o.clip(),t.visible&&(o.globalAlpha=t.alpha*a,o.fillStyle=r,o.fill()),0===i.alignment&&o.restore()},t.prototype.paintRoundedRectangle=function(e,t,i,r,a,o){var l=e.x,n=e.y,s=e.width,h=e.height,v=e.radius,g=Math.min(s,h)/2;v=v>g?g:v,0===i.alignment&&o.save(),o.beginPath(),o.moveTo(l,n+v),o.lineTo(l,n+h-v),o.quadraticCurveTo(l,n+h,l+v,n+h),o.lineTo(l+s-v,n+h),o.quadraticCurveTo(l+s,n+h,l+s,n+h-v),o.lineTo(l+s,n+v),o.quadraticCurveTo(l+s,n,l+s-v,n),o.lineTo(l+v,n),o.quadraticCurveTo(l,n,l,n+v),o.closePath(),0===i.alignment&&o.clip(),t.visible&&(o.globalAlpha=t.alpha*a,o.fillStyle=r,o.fill()),0===i.alignment&&o.restore()},t.prototype.setPatternTransform=function(e,t){if(!1!==this._svgMatrix){if(!this._svgMatrix){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");if(i&&i.createSVGMatrix&&(this._svgMatrix=i.createSVGMatrix()),!this._svgMatrix||!e.setTransform)return void(this._svgMatrix=!1)}this._svgMatrix.a=t.a,this._svgMatrix.b=t.b,this._svgMatrix.c=t.c,this._svgMatrix.d=t.d,this._svgMatrix.e=t.tx,this._svgMatrix.f=t.ty,e.setTransform(this._svgMatrix.inverse())}},t.prototype.destroy=function(){this.renderer=null,this._svgMatrix=null,this._tempMatrix=null},t}(),v=new i;l.prototype.generateCanvasTexture=function(i,r){void 0===r&&(r=1);var a=this.getLocalBounds(),l=t.create({width:a.width,height:a.height,scaleMode:i,resolution:r});n||(n=new o),this.transform.updateLocalTransform(),this.transform.localTransform.copyTo(v),v.invert(),v.tx-=a.x,v.ty-=a.y,n.render(this,{renderTexture:l,clear:!0,transform:v});var s=e.from(l.baseTexture._canvasRenderTarget.canvas,{scaleMode:i});return s.baseTexture.setResolution(r),s},l.prototype.cachedGraphicsData=[],l.prototype._renderCanvas=function(e){!0!==this.isMask&&(this.finishPoly(),e.plugins.graphics.render(this))};export{h as CanvasGraphicsRenderer};
 //# sourceMappingURL=canvas-graphics.min.js.map

package.json

 {
   "name": "@pixi/canvas-graphics",
-  "version": "6.2.1",
+  "version": "6.2.2",
   "main": "dist/cjs/canvas-graphics.js",
@@ -28,10 +28,10 @@ "module": "dist/esm/canvas-graphics.js",
   "peerDependencies": {
-    "@pixi/canvas-display": "6.2.1",
-    "@pixi/canvas-renderer": "6.2.1",
-    "@pixi/constants": "6.2.1",
-    "@pixi/core": "6.2.1",
-    "@pixi/graphics": "6.2.1",
-    "@pixi/math": "6.2.1"
+    "@pixi/canvas-display": "6.2.2",
+    "@pixi/canvas-renderer": "6.2.2",
+    "@pixi/constants": "6.2.2",
+    "@pixi/core": "6.2.2",
+    "@pixi/graphics": "6.2.2",
+    "@pixi/math": "6.2.2"
   },
-  "gitHead": "f5d077993ddf17b6381b876edf012d72e2e5123f"
+  "gitHead": "23c4599ad83dbb128d71a1010aa6c4fb96779270"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

403981

increased by1.25%

Lines of code

2057

increased by1.83%

No dependency changes