Edges not smooth in Vector HTML5

Hi,

I am creating the letter tracing animation in the HTML5 Canvas using with AnimateCC.  Actual animation is the dark letter appears first on the screen then the pencil traced out  filling with white colour (mask animation). After publishing the HTML5 output the edges of the letters not looks smooth like the jagged edges (dark letter layer shown on the edges). But when I zoomIn the browser it looks smooth which means the edges of the letter clear (no dark lines on the edges)

I am not using image export from the publishing setting. So the output is the vector format. Please anyone help me to resolve this issue.

Regards

Vasanth