Live data from Hacker News

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

github.com

71–80 of 108 posts

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

#71
I really like this and I can see the potential, but I certainly miss being able to type directly into the cell as opposed to double-clicking on it first. F2 should also enable editing and toggle between Edit and Enter modes.

It's hard to spend more than a few seconds on the demo when my very first interaction with it hits a major roadblock like that.

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

#72

Fun concept, but the cell text is blurry to the point of being a distraction for me, unfortunately. Is this a side effect of rendering to a canvas?

I’ve often seen this solved by drawing a canvas at at least 2x the viewable size and then using css to force it to be smaller. This is because of retina displays. Very much like images these days. It is often a very easy thing to solve.

This effectively ruins ClearType and other text AA methods.

In general is acceptable for graphics but not for text.

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

#76

Earlier quoted context omitted.

You'll basically have to reimplement Ctrl+F yourself regardless of whether you are using canvas or not because if you have say a spreadsheet with fifteen thousand columns and fourty million rows of data then I doubt any browser would be able to handle having all of those elements in the DOM at once. So I don't think that is a compelling argument against canvas.

That's true, but I hope people would hesitate before using this for spreadsheets that don't require virtual rendering.

Good luck finding a full-featured browser grid product that doesn't do virtual rendering. They all have to, even Google Sheets.

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

#78

The canvas fonts are fuzzy? Stock OSX and Chrome, 4k display @ 3200 scaled edit: https://github.com/myliang/x-spreadsheet/issues/5

By nature of , it uses grayscale antialiasing of text

Here (MS Edge, Windows, High-DPI screen):

http://cloud.sciter.com/index.php/s/fcTbout1oQqwIJg

You see how different text rendering in normal DOM rendering (text "Normal") and the text inside canvas.

Grayscale AA text looks blurred. Grayscale AA works only for relatively large font sizes, for standard UI text sizes it is highly non-desirable.

Post reply on HN