roughness icon indicating copy to clipboard operation
roughness copied to clipboard

proposal: hachure table backgrounds

Open md84419 opened this issue 6 months ago • 1 comments

Neither wired.js nor rough.js provide a table with a sketchy hachure background so we'll do this one ourselves.

It would be nice if one could set the table head, table body, table row, and table cell's fill, fill style, hachure angle, fill weight, hachure gap, stroke, and stroke width through css like we can for other rough components.

Here is an example of what this would look like:

Image

I've implemented a workaround to achieve this look manually, by applying roughjs to an HTML table. My workaround code is available to support this proposal / feature request, at https://github.com/md84419/roughness/tree/proposal-hachure-table-backgrounds

md84419 avatar Aug 24 '25 17:08 md84419

This is not part of the plan. But I am indeed thinking of a mechanism that allows developers to customize the style of the internal components of roughness, including borders, filling, etc. through custom CSS properties. I think this can cover the goals of this proposal.

CyanSalt avatar Aug 27 '25 02:08 CyanSalt