News for hackers. Stuff that matters.

A comment on New Chart.js beta version launched. Parent comment

Re:New Chart.js beta version launched by petilon on Sunday June 29, 2014 @09:33PM (#7963238)
Canvas is bitmap-based, while SVG is vector. If you need to print the chart SVG is going to look a lot better. Also, if you pinch-zoom the chart, SVG is going to look better. Canvas doesn't support animation -- you have to code it yourself. SVG performance is quite good unless you have thousands of elements, which a chart isn't going to have.
[ Parent | on HN ]
Re:New Chart.js beta version launched by Kiro on Monday June 30, 2014 @04:25AM (#7964194)
> Canvas doesn't support animation -- you have to code it yourself.

What do you mean?

[ Parent | on HN ]
Re:New Chart.js beta version launched by coldtea on Monday June 30, 2014 @05:17AM (#7964281)
The obvious. That canvas is just a set of pixels with colors (a bitmap image). To get animation, you have to explicitly change them every X milliseconds.

Whereas SVG has actual objects, that you can apply items like animateTransform, animateMotion etc to them directly, in a declarative style.

[ Parent | on HN ]
Re:New Chart.js beta version launched by Kiro on Monday June 30, 2014 @05:41AM (#7964326)
Ok, thanks. I didn't know that. I thought you had to clear/redraw the SVG for animation as well.
[ Parent | on HN ]