canvas中使用中文字体如何处理？

Question

canvas中如果需要使用大量中文字体该如何处理？

Answer 1

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.font = "字号 字体";
context.fillText("中文!", x, y);
context.font = "字号 字体";
context.fillText("中文!", x, y);

如果大量使用非原生字体的话，可以先把字用ps什么的搞成图片，再以图片方式填入canvas。

必须要设置字号，字体才会生效。

Answer 2

一种方法是用把文字插入到一个限制格式的svg中，然后把这个svg当成图片读入canvas
google canvas实现网页截图