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

Added Support for testBaseline

Browse Source
This commit is contained in:
Luca Béla Palkovics 2014-09-16 20:21:13 +02:00
parent a8203ee337
commit d9834027c5
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
canvas2svg.js
View File

@ -64,6 +64,13 @@
var mapping = {"left":"start", "right":"end", "center":"middle", "start":"start", "end":"end"}; var mapping = {"left":"start", "right":"end", "center":"middle", "start":"start", "end":"end"};
return mapping[textAlign] || mapping.start; return mapping[textAlign] || mapping.start;
} }
//helper function to map canvas-textBaseline to svg-dominantBaseline
function getDominantBaseline(textBaseline) {
//INFO: not supported in all browsers
var mapping = {"alphabetic": "alphabetic", "hanging": "hanging", "top":"text-before-edge", "bottom":"text-after-edge", "middle":"central"};
return mapping[textBaseline] || mapping.start;
}
// Unpack entities lookup where the numbers are in radix 32 to reduce the size // Unpack entities lookup where the numbers are in radix 32 to reduce the size
// entity mapping courtesy of tinymce // entity mapping courtesy of tinymce
@ -757,7 +764,8 @@
"text-decoration" : font.decoration, "text-decoration" : font.decoration,
"x" : x, "x" : x,
"y" : y, "y" : y,
"text-anchor": getTextAnchor(this.textAlign) "text-anchor": getTextAnchor(this.textAlign),
"dominant-baseline": getDominantBaseline(this.textBaseline)
}, true); }, true);
textElement.appendChild(document.createTextNode(text)); textElement.appendChild(document.createTextNode(text));