关于SVG的中文显示问题

原创 2006年06月24日 10:14:00

(1)首先要注意的是字体问题
  要在svgviewer中显示中文字体,需要将中文字体名称进行“国际化”,即将汉字字体名称改为英文名称,
  如将“宋体”改为“Simsun",“黑体”改为"Simhei"等,下面是部分字体对照列表: 
  English Name    Localized Name  
  SimSun                宋体  
  SimHei                黑体  
  FangSong_GB2312       仿宋_GB2312  
  KaiTi_GB2312      楷体_GB2312  
  YouYuan       幼圆  
  STSong       华文宋体  
  STZhongsong      华文中宋  
  STKaiti    华文楷体  
  STFangsong   华文仿宋  
  STXihei    华文细黑  
  STLiti    华文隶书  
  STXingkai    华文行楷  
  STXinwei    华文新魏  
  STHupo    华文琥珀  
  STCaiyun    华文彩云  
  FZYaoTi    方正姚体简体  
  FZShuTi    方正舒体简体  
  NSimSun    新宋体  
  LiSu     隶书

(2)文件编码问题

将svg文件保存的时候要选择utf-8编码或者unicode编码,当然svg文件的encoding属性也应该是"utf-8"

 

SVG与中文字体

    SVG是什么?Scalable Vector Graphics(简称SVG),是“可升级矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。S...
  • Feisy
  • Feisy
  • 2008年05月26日 16:38
  • 5075

html5 svg 第八章 文字text

虽然它可能是真实的,每一个画面讲述了一个故事,这是完全正确的,用言语来帮助讲故事。因此,SVG有几个元素,让你将文本添加到您的图形。 文本术语 Text Terminology 在我们调查的主要方法...
  • stary1
  • stary1
  • 2013年08月02日 22:09
  • 8463

SVG中文乱码解决步骤与方法

好多SVG编辑器都有不能正常支持中文,后来自己手工创建SVG文件,却也不能在浏览器插件里正常显示。还以为是插件问题(如adobe svg viewer和corel svg viewer等),象我用in...
  • luqin1988
  • luqin1988
  • 2013年01月17日 16:30
  • 5922

svg中use元素引用symbol样式的思考

对于use元素当引用的symbol当只有填充色或线色变化时可以通过给use元素添加class来减少代码量。直接上代码 svg line { ...
  • xiaozhu2hao
  • xiaozhu2hao
  • 2016年11月16日 10:32
  • 1550

关于qt如何显示svg矢量图片中的中文

今天终于拿到svg格式的矢量图,之前使用开发板最多只能输出1024*768分辨率的图像,而显示器是1920*1080的分辨率,显示起来非常不清楚,于是想到用矢量图。 可是矢量图到手之后,简直就是噩梦...
  • love4Mario
  • love4Mario
  • 2012年11月07日 21:16
  • 3827

SVG下appendChild(node)在浏览器中不显示的问题

直接appendChild(node)在浏览器上并不显示 SVG fragments are mistakenly parsed as HTMLUnknownElement Add SVG eleme...
  • u013905744
  • u013905744
  • 2016年01月22日 10:51
  • 1154

暂时解决了Android webview组件中显示SVG自适应屏幕问题

SVG图形在网页及android中自适应问题
  • nightrainljh
  • nightrainljh
  • 2015年03月14日 09:22
  • 2366

解决html5 + js开发APP无法显示SVG问题(转化成canvas)

项目里用到了kendo UI DataViz的折线图、饼状图等去显示一些统计信息,这些图的显示用到了SVG。   现在最新的Chrome、Safari、Moz都支持了SVG标签,甚至是iPhone里...
  • myweishanli
  • myweishanli
  • 2013年11月26日 13:23
  • 1636

SVG中文乱码解决步骤与方法

好多SVG编辑器都有不能正常支持中文,后来自己手工创建SVG文件,却也不能在浏览器插件里正常显示。还以为是插件问题(如adobe svg viewer和corel svg viewer等),象我用in...
  • yydcj
  • yydcj
  • 2013年01月10日 12:40
  • 581

SVG中对中文高度计算的“特殊处理”

阅读本文前请先阅读《SVG字体操作》了解svg中如何移动字体以及其字体坐标系。 Layer 1 Love Story宋体 上面的代码在画布上画出了“Love...
  • maray
  • maray
  • 2011年11月22日 00:16
  • 1680
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于SVG的中文显示问题
举报原因:
原因补充:

(最多只允许输入30个字)