Alter
Dev tools
code to image converter
SHOW HN2016
How HN took it
2 positive, 7 neutral or asking, 3 mixed, 5 critical, out of 17 comments about the project. Thread score -0.14.
Execution: 0 for, 3 againstIdea: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Clean, simple execution and nice looking output.
From 3 comments
I looked at the code. ``` var lineLengthOrder = lines.slice(0).sort(function(a, b) { return b.length - a.length; }); ctx.canvas.width = ctx.measureText(lineLengthOrder[0]).width…
yorwba on HN> 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…
vog on HN> 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…
jupiter2 on HN
Impressive that the maker is 13 years old.
From 2 comments
Dude - you're 13? You're awesome! Keep at it!
samstave on HNThe best part about this post is that the author is 13 years old. You are going to have an amazing career. I started programming around your age too. Trust me, it helps :)
ronreiter on HN
Objections
Width is measured by character count, so wide and CJK characters break the longest-line sizing.
From 3 comments
I looked at the code. ``` var lineLengthOrder = lines.slice(0).sort(function(a, b) { return b.length - a.length; }); ctx.canvas.width = ctx.measureText(lineLengthOrder[0]).width…
yorwba on HNHere's an example where it's broken: https://i.imgur.com/ugVBCJL.png
luchs on HNYes, 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.
kbr on HN
Spaces and thin ASCII art render poorly.
From 1 comment
> 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…
jupiter2 on HN
Too small to be a real project; it is a single function.
From 1 comment
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.
imafish on HN
Requests
Custom fonts and colors.
From 1 comment
Thanks, features to change font and color will be added soon, this is just a little concept :)
kbr on HN
Transparent background.
From 1 comment
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…
jupiter2 on HN
Choice of character color.
From 1 comment
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…
jupiter2 on HN
Questions
What is it useful for?
From 2 comments
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAAeCAYAAACIcRPUAAAMLklEQVR4Xu2aB6wVRRSGDx3pRXrnUZUu0juE3jEQgUAghA6KSJGi9N57AKW3ECABJBQFUbDQCR1CFxClg/RivknmZd++ve/uLvf6gMxJCMrdn…
anewhnaccount on HN> 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…
vog on HN
Alternatives named
Screenshots from a text editor.
From 1 comment
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…
kbr on HN
Labelmaker-style image generators.
From 1 comment
http://acme.com/labelmaker/
_paulc on HN