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

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

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

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

canvas 中可以用 fillText() 绘出文字。

例如：

Your browser does not support the HTML5 canvas tag.</canvas>

var c = document.getElementById("myCanvas")

var ctx = c.getContext("2d")

ctx.font = "20px Georgia"

ctx.fillText("Hello World!", 10, 50)

ctx.font = "30px Verdana"

var gradient = ctx.createLinearGradient(0, 0, c.width, 0)

gradient.addColorStop("0", "magenta")

gradient.addColorStop("0.5", "blue")

gradient.addColorStop("1.0", "red")

ctx.fillStyle = gradient

ctx.fillText("Big smile!", 10, 90)

</script>

<p><strong>Note:</strong>The canvas tag is not supported in Internet

Explorer 8 and earlier versions.</p>

</body>

</html>

====

如果想插入显示一个文件或网页，可以用 <iframe>, 而不是用画布<canvas>,

例如：

欢迎分享，转载请注明来源：内存溢出

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