大众计算机学习网

专门提供各种电脑教程

canvas的文字出现乱码

Admin | 2016-5-4 9:40:44 | 被阅次数 | 4451

  今天忽然发现,在网页中使用canvas标签画文字的时候,出现的汉字出现乱码。以下图为证。

canvas文字乱码图1

  经过仔细观察发现,网页中的编码为:charset="UTF-8",按照常理,canvas所画出来的中文,是不应该出现乱码的,那问题出在哪里呢?

  经过仔细分析和研究发现,问题没有出在charset="UTF-8",而是出在编码上,为什么呢?

  因为我的HTML代码,是从网上复制的,然后粘贴到记事本,通过记事本再保存成为HTML文件。所以就出乱码了,那么,解决的办法如下:

  当我们在保存TXT为HTML网页文件的时候,默认情况下,如下图。

canvas文字乱码图2

  编码格式默认是ANSI,如果使用这种保存为网页文件,定然出现乱码。我们应该使用“UTF-8”这种编码格式来保存网页文件。