CODEWITHSUNDEEP
javascripthtmlpdfcanvasutf-8
Oscar Bout
Oscar Bout

Reputation: 680

UTF-8 in jsPDF is Working, need help Styling

I have made UTF 8 work in jsPDF to be able to print any character in a PDF from Javascript.

Arab, Chinese, Turkish it all works.

Check my fiddle: http://jsfiddle.net/oscoweb/fqpgcap1/2/

The thing I am doing is:

  1. Write to canvas
  2. Make image from canvas
  3. Embed image in PDF
  4. Save PDF

This works... kinda... because it is ugly!

Therefor I need help in "1. Write to canvas". The text I am writing there is hardly readable and blurry.

context.fillStyle = "#000000";
context.font = "Arial 14px";

context.fillText("English", 1, 20);
context.fillText("Español", 1, 30);
context.fillText("Türk", 1, 40);
context.fillText("中國", 1, 50);

Any help on how to write text to Canvas and keep it readable would be greatly appreciated.

Upvotes: 3

Views: 4059

Answers (1)

godzsa
godzsa

Reputation: 2395

I believe the problem is with the low pixel ratio of the canvas.

Chack this article: http://www.html5rocks.com/en/tutorials/canvas/hidpi/

EDIT:

I just noticed you set the canvas size with CSS. This might also be a problem: canvas arc too pixelated

This might be helpful too: Poor anti-aliasing of text drawn on Canvas

Upvotes: 2

Related Questions