neale
/
rollerderby-track
mirror of https://github.com/nealey/rollerderby-track
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

hack around android not scaling text

This commit is contained in:
Neale Pickett 2012-03-15 20:34:11 -06:00
parent 3b2da051dc
commit 30c4259316
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
track.js
View File

@ -56,14 +56,23 @@ function player(color, pos) {
} }
var moved = false;
function mouseMove(evt) { function mouseMove(evt) {
var x = (evt.pageX - window.innerWidth/2) / scale; var x = (evt.pageX - window.innerWidth/2) / scale;
var y = (evt.pageY - canvas.height/2) / scale; var y = (evt.pageY - canvas.height/2) / scale;
e.moveTo(x, y); e.moveTo(x, y);
moved = true;
} }
function mouseUp() { function drop() {
if (! moved) {
e.onmouseup = null;
e.onmousedown = null;
e.onclick = drop;
return;
}
var l = document.getElementById("link"); var l = document.getElementById("link");
var positions = []; var positions = [];
@ -73,15 +82,19 @@ function player(color, pos) {
l.href = "#" + JSON.stringify(positions); l.href = "#" + JSON.stringify(positions);
e.style.backgroundColor = "inherit";
window.onmousemove = null; window.onmousemove = null;
e.onclick = mouseDown; e.onmousedown = lift;
e.onclick = null;
} }
function mouseDown() { function lift() {
moved = false;
window.onmousemove = mouseMove; window.onmousemove = mouseMove;
e.onclick = mouseUp; e.style.backgroundColor = "rgba(255, 255, 0, 0.5)";
e.onmouseup = drop;
} }
e.onclick = mouseDown; e.onmousedown = lift;
players.push(e); players.push(e);
body.appendChild(e); body.appendChild(e);
@ -89,7 +102,6 @@ function player(color, pos) {
e.moveTo(0, 0); e.moveTo(0, 0);
// Draw it // Draw it
e.ctx = ctx;
e.width = scale * (midpoint*2); e.width = scale * (midpoint*2);
e.height = scale * (midpoint*2); e.height = scale * (midpoint*2);
ctx.scale(scale, scale); ctx.scale(scale, scale);
@ -127,9 +139,12 @@ function player(color, pos) {
ctx.fill(); ctx.fill();
ctx.restore(); ctx.restore();
} else { } else {
// android doesn't scale text :<
ctx.scale(1/scale, 1/scale);
ctx.fillStyle = "#fff"; ctx.fillStyle = "#fff";
ctx.font = midpoint + "px sans-serif"; ctx.font = (scale) + "px sans-serif";
ctx.fillText(pos, -0.5, 0.5); debug(ctx.font + scale);
ctx.fillText(pos, -0.25 * scale, 0.25 * scale);
} }
return e; return e;
} }