PGF/TikZ 是 Till Tantau 开发的基于 TeX 的绘图引擎。因其可以直接在 LaTeX 文稿中通过代码绘制向量图,所以是目前流行的 LaTeX 绘图解决方案之一。

tikzpicture 环境或者 \tikz 命令的参数中,可以通过 scale 选项来缩放绘制的图形。然而,这种缩放不会同步应用在 node 中的文字上,导致图形与 node 中的文字注解大小失衡。

我们来解决这个问题。

绘制一个函数图像

现在,比如说我们绘制一个最简单的二次函数的图像。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
\begin{tikzpicture}
\draw[gray, step = 0.5cm] (0, 0) grid (5, 5);
\draw[->] (-.5, 0) -- (5.5, 0);
\draw[->] (0, -.5) -- (0, 5.5);

\node[anchor = north east] at (0, 0) {$ o $};
\node[anchor = north] at (5.5, 0) {$ x $};
\node[anchor = west] at (0, 5.5) {$ y $};
\foreach \x in {1, ..., 5} {
\node[anchor = north] at (\x, 0) {$ \x $};
\node[anchor = east] at (0, \x) {$ \x $};
}

\draw[domain = -0.5:2.2, smooth, variable=\x, blue]
plot ({\x}, {\x * \x})
node[anchor = west] {$ y = x^2 $};
\end{tikzpicture}

放大之

现在,你觉得这张图太小。于是你考虑给 tikzpicture 环境加上 scale = 2 来放大它。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
\begin{tikzpicture}[scale = 2]
\draw[gray, step = 0.5cm] (0, 0) grid (5, 5);
\draw[->] (-.5, 0) -- (5.5, 0);
\draw[->] (0, -.5) -- (0, 5.5);

\node[anchor = north east] at (0, 0) {$ o $};
\node[anchor = north] at (5.5, 0) {$ x $};
\node[anchor = west] at (0, 5.5) {$ y $};
\foreach \x in {1, ..., 5} {
\node[anchor = north] at (\x, 0) {$ \x $};
\node[anchor = east] at (0, \x) {$ \x $};
}

\draw[domain = -0.5:2.2, smooth, variable=\x, blue]
plot ({\x}, {\x * \x})
node[anchor = west] {$ y = x^2 $};
\end{tikzpicture}

于是你发现,整个图像确实放大了。但是其中的说明注解还是老样子,没有放大。这样一来,相比整个图像,注解文字就显得比较小。也许 scale = 2 的状态,看起来还算匀称,但若是 scale = 10,那么文字部分就小弱蚊蝇了。

另一方面,有些图像,其注解文字和图像内容是匹配好的。强行缩放之后,可能破坏好这种预先设置匹配,也不完美。

因此,我们得想办法解决。

全局缩放

问题的原因在于,TikZ 中的 node,其内容、样式都是单独设置的,全局的 scale 设置无法影响 node 的内容。因此,我们有必要定义一个 global scale 的参数,统一地设置两部分的缩放比例。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
\tikzset{global scale/.style={
scale=#1,
every node/.append style={scale=#1}
}
}
\begin{tikzpicture}[global scale = 2]
\draw[gray, step = 0.5cm] (0, 0) grid (5, 5);
\draw[->] (-.5, 0) -- (5.5, 0);
\draw[->] (0, -.5) -- (0, 5.5);

\node[anchor = north east] at (0, 0) {$ o $};
\node[anchor = north] at (5.5, 0) {$ x $};
\node[anchor = west] at (0, 5.5) {$ y $};
\foreach \x in {1, ..., 5} {
\node[anchor = north] at (\x, 0) {$ \x $};
\node[anchor = east] at (0, \x) {$ \x $};
}

\draw[domain = -0.5:2.2, smooth, variable=\x, blue]
plot ({\x}, {\x * \x})
node[anchor = west] {$ y = x^2 $};
\end{tikzpicture}

如此一来,node 中的内容,就会同步比例地缩放了。

在 LaTeX 中同步缩放 TikZ 与其中的 node的更多相关文章

  1. Latex中画出函数文件的调用关系拓扑图

    流程图,思维导图,拓扑图通常能把我们遇到的一些复杂的关系结构用图形的方式展现出来.在Latex中要想画这样的拓扑图,有一个很好用的绘图工具包 pgf/tikz . 1.pgf/tikz的安装:pgf/ ...

  2. 在 LaTeX 中实现缩印效果

    https://liam.page/ 近日大概重拾了一点对 LaTeX 的兴趣,遇见这样一个问题:如何在 LaTeX 中实现缩印效果(即,将两页或更多页排版在一页纸上),并且实现水印效果的页码? 缩印 ...

  3. C#开发微信门户及应用(10)--在管理系统中同步微信用户分组信息

    在前面几篇文章中,逐步从原有微信的API封装的基础上过渡到微信应用平台管理系统里面,逐步介绍管理系统中的微信数据的界面设计,以及相关的处理操作过程的逻辑和代码,希望从更高一个层次,向大家介绍微信的应用 ...

  4. 如何在latex 中插入EPS格式图片

    如何在latex 中插入EPS格式图片 第一步:生成.eps格式的图片 1.利用visio画图,另存为pdf格式的图片 利用Adobe Acrobat裁边,使图片大小合适 另存为.eps格式,如下图所 ...

  5. Latex中插入C语言代码

    Latex是一个文本排版的语言,能排版出各种我们想要的效果.而且用代码排版的优点是易于修改板式,因此在文本内容的排版时,Latex应用十分广泛. 当我们需要在Latex中插入代码时,就需要用到 \us ...

  6. 尝试解决在构造函数中同步调用Dns.GetHostAddressesAsync()引起的线程死锁

    (最终采用的是方法4) 问题详情见:.NET Core中遇到奇怪的线程死锁问题:内存与线程数不停地增长 看看在 Linux 与 Windows 上发生线程死锁的后果. Linux: Microsoft ...

  7. ASP.NET sync over async(异步中同步,什么鬼?)

    async/await 是我们在 ASP.NET 应用程序中,写异步代码最常用的两个关键字,使用它俩,我们不需要考虑太多背后的东西,比如异步的原理等等,如果你的 ASP.NET 应用程序是异步到底的, ...

  8. IO中同步、异步与阻塞、非阻塞的区别

    一.同步与异步同步/异步, 它们是消息的通知机制 1. 概念解释A. 同步所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回. 按照这个定义,其实绝大多数函数都是同步调用(例如si ...

  9. paper 48: Latex中如何制作参考文献

    文章写到现在,最后一步就要大功告成了!reference,let's go! 一.用Google来做Latex的bib文件 1. 打开scholar.google.com 2. 定制   Schola ...

随机推荐

  1. leetcode-easy-array-1 two sum

    mycode  33.91% class Solution: def twoSum(self, nums: List[int], target: int) -> List[int]: for i ...

  2. c# 窗口关闭方法

    背景:点击datagridview某条信息弹出信息详情窗口,当连续点击时需要关闭之前的详情窗口. 实现方式: 父窗口中 全局创建子窗口(MsgDetailFrm  ): MsgDetailFrm de ...

  3. day67—angularJS学习笔记控制器

    转行学开发,代码100天——2018-05-22 angularJS通过控制器来控制数据流的应用. ng-controller. 控制器中包含属性和函数,其参数引用通过 $scope来执行. 如下文的 ...

  4. java 上传文件到FTP(centos中的ftp服务)

    ftp服务器系统:centos7 提供ftp的服务:vsftpd pom.xml 依赖 <dependency> <groupId>commons-net</groupI ...

  5. vue树状结构(tree)

    <!DOCTYPE html> <html> <head> <title></title> <style> body { fon ...

  6. 获取fork+exec启动的程序的PID值

    问题背景     业务中有个场景需要自动起一个A程序(由于A程序与 sublime_text 启动后遇到的问题有相似之处,后文就用 sublime_text 来替代A程序,当A程序与 sublime_ ...

  7. 20191127 Spring Boot官方文档学习(4.13)

    4.13.Messaging Spring框架为与消息传递系统集成提供了广泛的支持,从使用JmsTemplate简化JMS API到完整的异步接收消息的基础结构.Spring AMQP为高级消息队列协 ...

  8. itchat监听微信撤回消息

    import itchat from itchat.content import * import re msg_infomation = {} # 监听发送消息 @itchat.msg_regist ...

  9. vue-devtools安装以后,勾选了“允许访问文件网址”之后还是无法使用

    勾选了“允许访问文件网址”,还是无法使用: Vue.js is detected on this page. Devtools inspection is not available because ...

  10. java 接入微信 spring boot 接入微信

    1.pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="h ...