Stanford CS248: Implement an SVG Rasterizer

Post by pjc50 » Fri, Mar 20, 2020, 8:31 PM UTC

adamnemecek wrote: post #4

joshmarinacci wrote: post #3

Earlier quoted context omitted.

I assume the point is that you have to implement a pure software rasterizer. It's not actually that difficult, but it feels like a lot for an undergrad who's not familiar with the space. I assume this is done as part of a class that gives you context. For an example of a rasterizer, you can take a look at my pure JS implementation of canvas (which is roughly the same imaging model as SVG). All lines and shapes are fl…

It's get somewhat tricky when you want things like gpu support, text rendering etc. You have to do things like stencil texture to speed things up etc etc.

Post by rayshan » Fri, Mar 20, 2020, 8:35 PM UTC

Post by Groxx » Fri, Mar 20, 2020, 8:38 PM UTC

rayshan wrote: post #13

What's a good JavaScript-based solution to render SVG into an image? html2canvas doesn't work well with SVG, especially those heavily styled with CSS.

Post by mfabbri77 » Fri, Mar 20, 2020, 8:51 PM UTC

adamnemecek wrote: post #14

mfabbri77 wrote: post #9

I've already implemented an SVG renderer at https://www.amanithsvg.com based on our openvg engine with software rasterization https://www.amanithvg.com Both are closed source, but there are evaluation version available, if someone is interested in compare rendering quality and speed.

Can you recommend some resources for someone trying to do the same?

Post by kylebarron » Fri, Mar 20, 2020, 8:57 PM UTC

rayshan wrote: post #13

What's a good JavaScript-based solution to render SVG into an image? html2canvas doesn't work well with SVG, especially those heavily styled with CSS.