How to draw such a list of examples with jspdf?

Question

JavaScript

I am making a generator for mental arithmetic examples.
When you click on generate , examples will be created, drawn on canvas, and pictures will be inserted into a pdf document, which will be created and displayed on the right side. The problem is, the examples in the documents are not displayed clearly, somehow muddy .
There is an assumption that it is better not to draw on canvas, but to style using the api of jspdf itself.
Please help me understand how to style the examples with jspdf itself to get an equivalent visual result.