SVG与中文字体

    SVG是什么?Scalable Vector Graphics(简称SVG),是“可升级矢量图形”的意思。SVG是由W3C制定的基于可扩展标记语言(XML)来描述二维矢量图型的一个开放标准。SVG严格遵从XML语法,SVG并用文本格式的描述性语言来描述图像内容,因此SVG是一种和图像分辨率无关的矢量图形格式。

  SVG可以使你设计的网页可以更加精彩细致,使用简单的文本命令,SVG可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。

       在SVG中书写中文字体可以使用<text></text>标签。同时,SVG文档需以“UTF-8”格式存储。svgviewer是使得SVG能够在浏览器中显示出来的插件,要在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                         隶书

实例:

<text x="100" y="100" font-size="40" font-family="STCaiyun">这是一个例子!</text>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值