Show HN: X-spreadsheet – A JavaScript canvas spreadsheet for web

Re:Show HN: X-spreadsheet – A JavaScript canvas spreadsheet ... by bijection on Monday January 28, 2019 @05:55PM (#19021887)

Although canvas does do grayscale anti-aliasing, this particular app is blurry because the canvas is being rendered at a lower resolution than your screen. To make it crisp, the author would have to set the canvas' javascript canvas.width property to be twice the canvas' css canvas.style.width property.

[ Parent | on HN ]

Re:Show HN: X-spreadsheet – A JavaScript canvas spreadsheet ... by c-smile on Monday January 28, 2019 @09:15PM (#19023099)

Yes, oversampling will reduce blurriness but it will be there anyway. ClearType is there for the purpose.

Yet all that with the price of memory and CPU consumption - number of pixels to rasterize on 192 PPI monitor is four times of the one with "standard" 96 PPI.

[ Parent | on HN ]

Re:Show HN: X-spreadsheet – A JavaScript canvas spreadsheet ... by Avery3R on Tuesday January 29, 2019 @07:32PM (#19031416)

It's not oversampling, it's native sampling. On high DPI displays browsers automatically apply a zoom to the page, so the canvas ends up being a smaller size that gets blown up. You have to detect this and create the canvas bigger to begin with to counteract this.

[ Parent | on HN ]