showtext:字体,好玩的字体和好玩的图形

简介: showtext:字体,好玩的字体和好玩的图形

使用字体

图片无法显示中文,究其原因,是R的很多图形设备只能使用一些标准的字体,但它们往往不包含中文的字符。而包含中文的字体,如Windows自带的宋体、黑体等,R又不知道如何使用它们。于是这就成了一个死循环:我们有中文字体吧,R不会用;R能用的字体吧,我们又看不上——所以说R和useR都不好伺候……

不过现在情况有了一定的改善,我们有了sysfonts这个包,专门用来加载系统里的字体文件,其中主要一个函数是font.add(),用法为

font.add(family, regular, ...)

其中family是你给这个字体赋予的名称,在后面的绘图命令中你将通过它来引用这个字体。regular是字体文件的路径,如果字体在系统的标准位置(例如Windows的C:\Windows\Fonts)或是当前的工作目录,则可以直接输入文件名。例如,在Windows系统下,以下命令将导入系统中的楷体文件,并给它取名为“kaishu”:

font.add("kaishu", "simkai.ttf")

添加完字体之后,可以使用font.families()函数来查看当前可用的字体名称,不出意外的话现在应该包含四种字体:sans,serif,mono和kaishu。其中前三个是sysfonts包自动加载的,而kaishu则是我们刚才添加进去的。

字体的加载过程完毕,接下来就是如何使用它们了。当然了,R本身是不认识这些字体的,我们需要使用showtext附加包来真正利用这些字体绘图。

showtext的用法更加简单,目前只有两个函数:showtext.begin()showtext.end()。我们需要做的就是把绘图的命令包含在这两个语句中间,然后在适当的地方选取字体即可。不多说,直接上代码:

# showtext会自动加载sysfonts包
library(showtext);
# 导入楷体
font.add("kaishu", "simkai.ttf");
library(Cairo);
# 打开图形设备
CairoPNG("chinese-char.png", 600, 600);
# 开始使用showtext
showtext.begin();
# 一系列绘图命令
set.seed(123);
plot(1, xlim = c(-3, 3), ylim = c(-3, 3), type = "n");
text(runif(100, -3, 3), runif(100, -3, 3),
     intToUtf8(round(runif(100, 19968, 40869)), multiple = TRUE),
     col = rgb(runif(100), runif(100), runif(100), 0.5 + runif(100)/2),
     cex = 2, family = "kaishu");    # 指定kaishu字体
title("随机汉字", family = "wqy");   # 指定wqy字体
# 停止使用showtext
showtext.end();
# 关闭图形设备
dev.off();

也就是说,要让R使用我们之前加载的字体,只需要将画图命令包含在一对showtext.begin()showtext.end()中间,然后在绘图命令中选取family = ...即可。代码中的wqyshowtext包自带的文泉驿微米黑字体,可以显示绝大多数的汉字,所以即使你的系统中没有中文字体,也可以用它来绘制带中文的图形。

上面的小程序会在图形中随机显示一些汉字

图1:随机显示汉字

(我赌两块糖,你不认识上面一半以上的汉字……)

好玩的字体

有了上面介绍的showtext包,你基本上可以使用任何一种字体来显示文字了。这时候我们可以做一些有意思的事情:有些字体中包含的并不是字母和数字,而是一些符号或图标。例如这个WM People 1字体,其中字母p和字母u分别是男人和女人的图案,利用这一点我们可以绘制

图2:用特殊字体绘图

其实这幅图本质上就是一个堆叠的条形图,但这样画出来之后,可以很直观地体现出各个类别的人数和性别比例,而且图形本身就已经有解释性,不需要再额外添加图例等元素。

绘制这幅图的代码为:

link = "http://img.dafont.com/dl/?f=wm_people_1";
download.file(link, "wmpeople1.zip", mode = "wb");
unzip("wmpeople1.zip");
library(showtext);
font.add("wmpeople1", "wmpeople1.TTF");
library(ggplot2);
library(plyr);
library(Cairo);
dat = read.csv(textConnection('
edu,educode,gender,population
未上过学,1,m,17464
未上过学,1,f,41268
小  学,2,m,139378
小  学,2,f,154854
初  中,3,m,236369
初  中,3,f,205537
高  中,4,m,94528
高  中,4,f,70521
大专及以上,5,m,57013
大专及以上,5,f,50334
'));
dat$int = round(dat$population / 10000);
gdat = ddply(dat, "educode", function(d) {
    male = d$int[d$gender == "m"];
    female = d$int[d$gender == "f"];
    data.frame(gender = c(rep("m", male), rep("f", female)),
               x = 1:(male + female));
});
gdat$char = ifelse(gdat$gender == "m", "p", "u");
CairoPNG("edu-stat.png", 600, 300);
showtext.begin();
theme_set(theme_grey(base_size = 15));
ggplot(gdat, aes(x = x, y = educode)) +
    geom_text(aes(label = char, colour = gender),
              family = "wmpeople1", size = 8) +
    scale_x_continuous("人数(千万)") +
    scale_y_discrete("受教育程度",
        labels = unique(dat$edu[order(dat$educode)])) +
    scale_colour_hue(guide = FALSE) +
    ggtitle("2012年人口统计数据");
showtext.end();
dev.off();

其实,图中的每一个小人都是一个p或者u的字符,只是因为在这种字体下,它们显示出不一样的图案罢了。

好玩的图形

更进一步,如果坐标轴也用不一样的字体来展现呢?结果当然是,被!玩!坏!了!!


不过真的很贴切有木有!!小学的时候各种玩具枪!初中的时候哈哈哈笑个不停!高中的时候多么正经的好少年!去念大学之后就成了那副熊样了不是吗!!(请无视此刻暴走的作者)

不过这种思路确实很赞,试想一下,如果我们把一些枯燥的坐标轴说明文字变成了更形象的图案,那么整幅图的表现力是不是就更强了呢?像是下面这样:

图4:坐标轴上放置表情

附上相应的R代码:

link = "http://img.dafont.com/dl/?f=emoticons";
download.file(link, "emoticons.zip", mode = "wb");
unzip("emoticons.zip");
library(showtext);
font.add("emoticons", "emoticons.ttf");
library(ggplot2);
library(Cairo);
emotions = c("W", "s", "C", "A", "p");
score = c(0.5, 0.9, 5.5, 18.4, 74.7);
x = factor(emotions, emotions);
gdat2 = data.frame(x, score);
CairoPNG("douban.png", 600, 600);
showtext.begin();
ggplot(gdat2, aes(x = x, y = score)) +
    geom_bar(stat = "identity") +
    scale_x_discrete("") +
    scale_y_continuous("百分比") +
    theme(axis.text.x=element_text(size=rel(4), family="emoticons")) +
    ggtitle("《神探夏洛克第三季》豆瓣评分");
showtext.end();
dev.off();
相关文章
Photoshop使用路径排版美化文字创作图案
Photoshop使用路径排版美化文字创作图案
107 0
|
图形学 Android开发
Unity从学习到赚钱系列-聊天气泡及字体模糊
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
337 0
markdown编辑器(颜色、大小、字体)
我是黑体字 我是微软雅黑 我是楷体 呈现效果 我是黑体字我是微软雅黑我是楷体 浏览器默认值是 3 颜色值 参考:CSDN-markdown编辑器语法——字体、字号与颜色
1704 0
字体大宝库:20款免费的情人节字体
  随着情人节即将来临,设计师们又要开始忙碌了,需要制作各种海报,各种宣传图片。今天的字体大宝库给大家带来的是20款免费的情人节字体,使用这些精美的浪漫情人节字体帮助你创作更好的效果,选择喜欢的下载吧。
995 0
换个字体解决Dreamweaver文字选不中的问题
  在使用Dreamweaver时,有时我们要选中一些字符进行编辑或删除,光标在英文字上面可以选中,在中文字上面就选不中,郁闷吧。比如在编辑下面这段文字的时候,如图所示,   想选中“你难得已经忘了吗?”,当鼠标点击你的时候,实际的光标却在前面的“失败”上,所以就选不中那句话   其实这个是代码视图的字体问题。
682 0
|
前端开发
字体大宝库:12款好看的手写艺术字体免费下载
  《字体大宝库》系列给大家带来最新12款好看的英文手写艺术字体可以免费下载使用,相信里面有你喜欢的。手写字体常用于印刷、网页设计及其它创意设计任务中,能够强调设计的自然性、非正式性,让设计作品看起来更有个性、更可爱。
1286 0
|
前端开发
字体大宝库:15款漂亮的手写艺术字体免费下载
  Web 设计人员正在不断寻找新的迷人的和独特的东西以吸引读者的目光,这也适用于字体。字体中在抓住观众的注意力的过程中发挥了至关重要的作用,引导读者深入发现内容的内在价值。   手写字体风格可分为两大类:斜体手写字体和手稿笔迹字体手写风格。
937 0
|
前端开发
设计师必备的30款好看的手写字体免费下载
  手写字体可能不是网页设计最好的选择,但你可以用它们在一些标题,壁纸,通知等地方。当你试图为您的设计作品实现独特的外观的时候,手写字体可能是很有用的。   在下面的列表,你会发现30款漂亮的免费手写风格字体。
1288 0
下一篇
无影云桌面