scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-29 09:22:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

SvgExporter: Fix matrix conversion to rotate() command.

Browse source
This commit is contained in:
Jürg Lehni 2012-11-06 11:06:53 -08:00
parent 00f710b599
commit eb0fb99b12
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/SVG Export/Text Testing.html
View file

@ -26,7 +26,7 @@
*/
text.rotate(45);
text.shear(.85, .15);
text.scale(.85, .75);
text.scale(.85, 2);
var path2 = new Path.Circle(new Point(100, 100), 50);
path2.strokeColor = 'black';

7
src/svg/SvgExporter.js
View file

@ -52,6 +52,11 @@ var SvgExporter = this.SvgExporter = new function() {
}
function getTransform(item) {
// Note, we're taking out the translation part of the matrix and move it
// to x, y attributes, to produce more readable markup, and not have to
// use center points in rotate(). To do so, SVG requries us to inverse
// transform the translation point by the matrix itself, since they are
// provided in local coordinates.
var matrix = item._matrix.createShiftless(),
trans = matrix._inverseTransform(item._matrix.getTranslation()),
attrs = {
@ -68,7 +73,7 @@ var SvgExporter = this.SvgExporter = new function() {
scale = matrix.getScaling();
if (angle != null) {
transform.push(angle
? 'rotate(' + angle + ',' + formatPoint(center) +')'
? 'rotate(' + formatNumber(angle) + ')'
: 'scale(' + formatPoint(scale) +')');
} else {
transform.push('matrix(' + matrix.getValues().join(',') + ')');