scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-05 20:32:00 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Export SVG transforms for path items correctly.

Browse source 
Needed when Item#applyMatrix = false
This commit is contained in:
Jürg Lehni 2014-05-13 12:53:58 +02:00
parent f56efd6471
commit 94bc6427c2
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/svg/SVGExport.js
View file

@ -38,10 +38,9 @@ new function() {
document.createElementNS('http://www.w3.org/2000/svg', tag), attrs); document.createElementNS('http://www.w3.org/2000/svg', tag), attrs);
} }
function getTransform(item, coordinates, center) { function getTransform(item, attrs, coordinates, center) {
var matrix = item._matrix, var matrix = item._matrix,
trans = matrix.getTranslation(), trans = matrix.getTranslation();
attrs = {};
if (coordinates) { if (coordinates) {
// If the item suppports x- and y- coordinates, we're taking out the // If the item suppports x- and y- coordinates, we're taking out the
// translation part of the matrix and move it to x, y attributes, to // translation part of the matrix and move it to x, y attributes, to
@ -79,7 +78,7 @@ new function() {
} }
function exportGroup(item, options) { function exportGroup(item, options) {
var attrs = getTransform(item), var attrs = getTransform(item, {}),
children = item._children; children = item._children;
var node = createElement('g', attrs); var node = createElement('g', attrs);
for (var i = 0, l = children.length; i < l; i++) { for (var i = 0, l = children.length; i < l; i++) {
@ -102,7 +101,7 @@ new function() {
} }
function exportRaster(item) { function exportRaster(item) {
var attrs = getTransform(item, true), var attrs = getTransform(item, {}, true),
size = item.getSize(); size = item.getSize();
// Take into account that rasters are centered: // Take into account that rasters are centered:
attrs.x -= size.width / 2; attrs.x -= size.width / 2;
@ -149,13 +148,13 @@ new function() {
var data = item.getPathData(); var data = item.getPathData();
attrs = data && { d: data }; attrs = data && { d: data };
} }
return createElement(type, attrs); return createElement(type, getTransform(item, attrs));
} }
function exportShape(item) { function exportShape(item) {
var type = item._type, var type = item._type,
radius = item._radius, radius = item._radius,
attrs = getTransform(item, true, type !== 'rectangle'); attrs = getTransform(item, {}, true, type !== 'rectangle');
if (type === 'rectangle') { if (type === 'rectangle') {
type = 'rect'; // SVG type = 'rect'; // SVG
var size = item._size, var size = item._size,
@ -180,7 +179,7 @@ new function() {
} }
function exportCompoundPath(item) { function exportCompoundPath(item) {
var attrs = getTransform(item, true); var attrs = getTransform(item, {}, true);
var data = item.getPathData(); var data = item.getPathData();
if (data) if (data)
attrs.d = data; attrs.d = data;
@ -188,7 +187,7 @@ new function() {
} }
function exportPlacedSymbol(item, options) { function exportPlacedSymbol(item, options) {
var attrs = getTransform(item, true), var attrs = getTransform(item, {}, true),
symbol = item.getSymbol(), symbol = item.getSymbol(),
symbolNode = getDefinition(symbol, 'symbol'), symbolNode = getDefinition(symbol, 'symbol'),
definition = symbol.getDefinition(), definition = symbol.getDefinition(),
@ -265,7 +264,7 @@ new function() {
} }
function exportText(item) { function exportText(item) {
var node = createElement('text', getTransform(item, true)); var node = createElement('text', getTransform(item, {}, true));
node.textContent = item._content; node.textContent = item._content;
return node; return node;
} }