Align markers horizontally

Author: dy

index.js

@@ -113,7 +113,7 @@ function atlas(options) {
 		var data = sdf.draw(chars[i])
 
 		// ctx.putImageData(data, x + diff[0]*scale, y + diff[1]*scale, 0, -diff[1]*scale, data.width, data.height)
-		ctx.putImageData(data, x, y)
+		ctx.putImageData(data, x + diff[0]*scale, y)
 
 		x += step[0]
 		if (x > shape[0] - step[0]) {

test.js

@@ -10,7 +10,7 @@ let opts = {
 	family: 'sans-serif',
 	size: 64,
 	// chars: [100, 120]
-	chars: ['●','#','✝','+', 'xyz', '▲', '▼', '_']
+	chars: '◣●#◢✝+xyz▲▼_'.split('')
 }
 function update (o) {
 	console.time('sdf')