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

Handle em and pt font sizes correctly on Firefox.

Browse source 
Closes #734
This commit is contained in:
Jürg Lehni 2015-08-19 12:57:22 +02:00
parent 59eec1f27b
commit eb8c5b4a3e
1 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/view/CanvasView.js
View file

@ -84,15 +84,28 @@ var CanvasView = View.extend(/** @lends CanvasView# */{
/**
* Converts the provide size in any of the units allowed in the browser to
* pixels, by the use of the context.font property.
* pixels.
*/
getPixelSize: function(size) {
var ctx = this._context,
prevFont = ctx.font;
ctx.font = size + ' serif';
size = parseFloat(ctx.font);
ctx.font = prevFont;
return size;
var browser = paper.browser,
pixels;
if (browser && browser.firefox) {
// Firefox doesn't appear to convert context.font sizes to pixels,
// while other browsers do. Workaround:
var parent = this._element.parentNode,
temp = document.createElement('div');
temp.style.fontSize = size;
parent.appendChild(temp);
pixels = parseFloat(DomElement.getStyles(temp).fontSize);
parent.removeChild(temp);
} else {
var ctx = this._context,
prevFont = ctx.font;
ctx.font = size + ' serif';
pixels = parseFloat(ctx.font);
ctx.font = prevFont;
}
return pixels;
},
getTextWidth: function(font, lines) {