evert/svgcanvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: translate

Browse Source
This commit is contained in:
zenozeng 2021-05-04 10:59:54 +00:00
parent e1b678502a
commit 95ff64fdbd
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
canvas2svg.js
View File

@ -1213,7 +1213,10 @@
}; };
/** /**
* rotates the current element * Rotate adds a rotation to the transformation matrix.
*
* @param angle The rotation angle, clockwise in radians. You can use degree * Math.PI / 180 to calculate a radian from a degree.
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rotate
*/ */
ctx.prototype.rotate = function (angle) { ctx.prototype.rotate = function (angle) {
var degrees = (angle * 180 / Math.PI); var degrees = (angle * 180 / Math.PI);
@ -1221,10 +1224,15 @@
}; };
/** /**
* translates the current element * Translate adds a translation transformation to the current matrix.
*
* @param x Distance to move in the horizontal direction. Positive values are to the right, and negative to the left.
* @param y Distance to move in the vertical direction. Positive values are down, and negative are up.
* @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/translate
*/ */
ctx.prototype.translate = function (x, y) { ctx.prototype.translate = function (x, y) {
this.__addTransform(format("translate({x},{y})", {x:x,y:y})); const matrix = this.getTransform().translate(x, y);
this.setTransform(matrix);
}; };
/** /**