Hacker News new | ask | show | jobs
by anewhnaccount 3499 days ago
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAAeCAYAAACIcRPUAAAMLklEQVR4Xu2aB6wVRRSGDx3pRXrnUZUu0juE3jEQgUAghA6KSJGi9N57AKW3ECABJBQFUbDQCR1CFxClg/RivknmZd++ve/uLvf6gMxJCMrdnZ3555z//OfMxImIiHglxgwCBgGDQCwiEMcQUSyibz5tEDAIKAQMERlHMAgYBGIdAUNEsb4FZgIGAYOAISLjAwYBg0CsI2CIKNa3wEzAIGAQMERkfMAgYBCIdQQMEcX6FpgJGAQMAoaIjA8YBAwCsY6AJyKKHz++TJ06VZYvXy67d+92nHyxYsWkc+fO8tVXX8ndu3dl1qxZMmfOHDl06FDIF5s1a1YZNGiQfPPNN3L9+vWQj9+6dWupUKGCjBo1Si5duhTy8YMNOHnyZFm7dq388ssvAR9t2LChFC5cWEaOHBlsuCi/p06dWkaPHi1HjhyRmTNnenr3XXw4f/78UqdOHcmcObMkTZpUfv75Z1m1apWvpVarVk2aN2+u3n327Jn06NHD1zgxvZQuXTpp0KCB5MmTR1KkSCF//fWXjBgxIuTfcRowYcKEUq9ePSlevLikSpVKbt++Lb///rts3rxZXr3ydz/aExExqa+//lpOnToVcJOYYNWqVeXLL7+UuHHjvtVEVLNmTSlSpIgsWbIkLEQXzGvCSUTJkyeXTp06ydmzZ2XdunXBpvJO/54jRw7p27ev7NixQ/744w95+PChIpB79+75WjeBmjhxYvnoo4+kadOmIScixiYOr169qoIfIsBu3rzpa75eX8JvIGySJHPIli2bkLR//PFH+f77770Op573TETt2rUTsumkSZMcP8gk33vvPZkyZcpbT0S+EA3hS+EkohBO860fqkmTJvLhhx+GXFGUKVNGWrVqFXIiYq6orC+++EKR5v9pKLHhw4fLkCFDlArTBuEWLFjQszLX73smoho1akjdunUVCBiAJEuWTMl8jEkePHhQsaVVET148EAaN24slFOAd/ToUfXM48ePIxcD05cuXVo+/vhjxbgJEiSQW7duyf79++WHH36IBD1fvnyR33fahO7du8vz5899748XaV2iRAmpWLGiZMmSRUl61vPnn3+qcurAgQPy8uVLz/OglA1k06dPl2PHjkX+rEuzsWPHCv8NdiQCnGT9+vVy/PjxaENBcDyDoYa2bNni+Lns2bML+438R0G9ePFC/v77b9m7d6/s2rVLHj165HltMankXLlySb9+/WTgwIGR2R3fomQqVKiQpEyZUuLFi6cUAP6Dgvnnn3+izAEFW716dUHlxIkTR+FAmeXUSqCFQCvByVjf0qVL1U+o+4sXL8rq1aujPcp+LFu2TJUmdgs1EVn90v4t9gWVpI2SCdwo2ynd/v33Xzlx4oRSUFYCsfoa67h27Zryo/fff19QduCLb2ljDz744AP57bffokwBLPEpfMuPeSYiaulevXrJgAEDFEmMGzdOTeCzzz5TE2ci3333nXJW7XQbNmwQNmXNmjVy+fJlRTJkCoJk8eLFkfMmiGBV+hY3btxQ4GXIkEFq164tSZIkkTFjxqhgoFdFYGTMmFF9d+LEiep5bVqq+gGEdxIlSqS+B8lAnoFqfAiIXgCby5zv37+vggWy5be5c+f6kssoTgzHYuw9e/ZELoVvWElWExHO9eTJEyWPCUDK47Jly8rQoUOjBStzZG/69OkjO3fudCQiSIgAJAngdOALJunTp1fjMif22Kt5ISL8afDgwapE2rp1qyoDeD9t2rRStGhRRfLWPk6tWrVUEEFQzO/p06cqaOil/Prrr9GIhMTBN5o1a6b8aeHChZHLAUutNt4UIrL7pZV4iAtdShIzzBlyIhnxNz4FPsTXjBkz5PTp02qtVl8DM9TWokWL5MyZM+p3SCxYiQrxo4iIw3Pnznl1CfW8ZyLCGSnLaEJfuHBBERENqmHDhilCotbWsk07HcHDc9bspYO4Z8+eQRtcOAul3rRp0+TkyZORCw13szpYRkN5ofSsDuxrFwK85LY0I1NCCmQ0bZARKvWnn35SZOZkNLhRC06KiP5YlSpVVMIJpXkhopw5c0r//v0VGdmVj31OZHBIl6RnXy+qoFu3bqpsIBHarW3btirgUDdO9qYQkZ5bML9EKFBNjB8/PlpsdejQQalFSMzaWMbXSPAczKCK3Bo9YQgO8fE6B1KeiYgJMlmkK3K1TZs2Sgls27ZNNehgxs8//1wtUjsdZYo1SBgDuc8GI8U5XdOGVKbJB8mQpZDiBDuOhnqySsLYJiLKlkaNGqkyjAxD5uHP65SFVgdwS0SUynYcGYd9IIDt2OtvxEREuXPnVsqXEohSm3VxMumnHLOuyQsR4U8kNfwDRYMiYh5Wf9FjowDxPXwKNWM31kojGoXwLhMRMUPSR42zb3bTMUN1gZDQhq9RocybN88tBwnJCt/jJP38+fOu33N60BcRdenSRZVIHGmTtSAieiM4Dr0SgMC001FrQ1xWc+oH0AhHcm/fvl0pHyQh8hsVhoMxjrUWj20iYj2QJqVKRESEUoTgQo+IkoZ1vA4puSWicuXKKeVgN0pKMERqO1lMRMTzukdET46eAwaxUYaiOoJJdqdvxkREWrlYe0QoFUpzSizKQt4nMdHvIPnpaxUkBJ5zIiHmgUIgMOfPnx8yIsLfUeoo4v+jR6QnHpMiIv5QkBzl44d2o7qgspg9e7YcPnw4ChGhjAOpZ/s4adKkUVXQihUrAl7l8cJMvoiImpt+DjIXR6CXw/+z2fwbk7MSkdM9IjsRUdcirQk+rgdYjdqYf0cRWTecXhMSk/escpLnIYU7d+54wSLas8EksP0Fgoa+FWqPuplmdSA14mZiEyZMkI0bN6ryymoEJMoAi+ke0esSkfWbBB17hKxHfWDg7se4t/Ttt98qfKyGXyH1rURk/Z3SgbWz7+wN/UoUE8fWlStXVooItR7oLgvJ0ok8g5VmKEP8a+XKlVHmqw9N3iQiormP3wS6u5cpUyZ17w6xYO3nuEl61sVDeNyxQ2G+rkpmXF9EhGqhS45EXrBggSIiNgtH4WRBqx8vMpzsSz8CYtFBphf+6aefKkezbzhKCdDtBMWzqAR9kucnWHgnGBFxlBmod0EDlCzOKaJfA48rV65EUTQ4Epc4UYg4QLiIiIY249PwtZtWLn6Pj8nWJBRIVhsBxHrJtJqI9KGE0+GDViM64Gi66gxNGWc31LOTQuC5YERE+4EGufVECN/u2rWrav5yz+xNUUSsB9/AiA27sVYIHB+ynuh6JSK/Ph3oPV9ExKYg61kIzogcRqKiRKy3kL0QEU5HhoXcOFLG+egL0QijvClQoIDjMSmnViVLllQqjB4CauSTTz5Rt7/9nOoAVKDTCWtA0AzG8QlUiJeLgRAyAUKZRqnAiZRTT8LtJkL4HTt2VHhQDkF8rI0TDa20/BCR9dSMvgkNa0jHepUCh+UEhbVRBnFCyh6hRurXr6+ed3J0N2tjzjTC2TP6jKyLfSSYwU0TESVvy5YtVW+HMoKTQXCHdHg/b968ymdoDWBk6BYtWqiTQxqn7AcKimY+79AXsRKr06kZvqbH02uBbDidZS9RcahtMEBRUA7aj+/d+I8bnOzPuB2XZNW7d2+l4iB7Tjwprelpcg2CUzNddTid0HJaGKjEtWLC2umP7tu3z89yorzji4gYgZMzAlNnfFiYcosN030RL0TEmEh/nJRAxklojnL/g9KEutbpvgbNbJpmlSpVUveZeIda1y8JMY9A9zXs95P4Xvny5VXAEqA4KJtI5uUo1H7Xws9u0bwHE4KVUpOgpI7XGPshIus9Ij0nMLPesIZ0IHiu8VOOsVZuG6NWIQX6X1bi8rI2xqYMo79GOasDht6P/R4RJFCqVCnlEwQNyQ8caKxCONZrG8wBciJ50WynVYCPQkqbNm2KNl+ne0SQi+5xWteEOsbPSI4kS8ibHpXTPSK3/uMFMy9+ybNgRSMZ3yTxQMr0XfEdErY2pztrXLNhbTEZe9K+fXt1JSfYs27W6ZuI3AxunjEIGAQMAm4QMETkBiXzjEHAIBBWBAwRhRVeM7hBwCDgBgFDRG5QMs8YBAwCYUXAEFFY4TWDGwQMAm4QMETkBiXzjEHAIBBWBAwRhRVeM7hBwCDgBgFDRG5QMs8YBAwCYUXAEFFY4TWDGwQMAm4Q+A9nF624Ph084gAAAABJRU5ErkJggg==
1 comments

> What is this useful for?

I suspect it may be used to enforce custom fonts in an old-fashioned way, but nowadays you would simply deliver the font with you site, or use a font service.

Or, it could serve as some kind of "copy-protection", but it would not protect against OCR.

Thinking more about it, this may be a diabolic way to collect strings from people who want to make them "copy-protectable". So you don't need OCR anymore, but fetch them from the source. ;-)

Either way, it's a nice project with a good execution!

Well, I mainly made this after seeing people on Twitter tweet out code perfectly formatted and highlighted, but it's just a screenshot of their text editor.

So basically, the main use-case of Alter is that it lets you tweet code snippets that are a little over 140 characters that are formatted correctly.

It can also be used for more, such as "copy-protection", like you said above.

Cmon - don't call this a project. It is a single function. However, I like how OP realized that vanilla js was the correct choice for a simple job.
Haha, I agree, it's pretty small. If you look at my other projects, I <3 vanilla js.
> Either way, it's a nice project with a good execution!

I agree. Very quick too. I tried it with some ascii art and it makes the overall image a bit thinner, though:(

(not handling spaces correctly)

Image: https://sli.mg/ZSLtf6

Ascii Source: http://www.ascii-art.de/ascii/ghi/gary_larson.txt

Yes, I'm working on this.

The problem is that it finds the longest line, by the number of characters in it. Instead of taking the actual width.

This is great news. I can understand wanting to keep this as simple as possible but... if you decide to add any features:

1. Transparent Background (and)

2. Choice of character color (to integrate better with a webpage's color scheme, for example)

Could also be useful, if extended with webfonts, for something like a custom T-shirt/mug/etc preview generator.
> What is this useful for?

Twitter.