Find a way to render the stroke of straight lines, rectangles and circles crisply

newsdev / ai2html

A script for Adobe Illustrator that converts your Illustrator artwork into an html page.

http://ai2html.org

Other

897 stars 145 forks source link

Find a way to render the stroke of straight lines, rectangles and circles crisply #88

Open mbloch opened 6 years ago

mbloch commented 6 years ago

Antialiasing causes strokes to become blurry when a graphic is scaled or when lines are not pixel-aligned. It would be nice to find a way to render strokes more crisply -- possibly using divs with CSS-styled borders.

mbloch commented 6 years ago

v0.70.0 adds the ability to render squares and circles on a layer (or sublayer) as divs using CSS border, which creates a crisp stroke.

Still TODO:

[x] Option for symbols to scale along with the HTML container.
[x] Support for rendering straight lines (rules) this way.
[x] Support for symbol opacity.
[x] Find symbols inside groups.
[ ] Exclude symbols that are hidden by masks.
[ ] Put some CSS properties in classes instead of inline styles.