Sunday, July 5, 2015

Making SVG dots in javascript

I thought I'd try to make an SVG dot pattern in javascript. Figuring out the blend mode is kind of tricky as I wanted it to blend the dots with multiply. It works on firefox with "mix-blend-mode" set to multiply. Chrome seems to ignore the blending.

What good is this? Maybe I'll try to render some dot matrix printer patterns to SVG to preserve the "dottiness." It does seem a bit slower than just using a regular bitmap.

Oops, I have to set the file to "Public" or googledrive wants you to login to view the files.

SVG_test_dots.html

SVG_test_dots2.html

No comments:

Post a Comment