首页 > 其他分享 >PDF标准详解(三)—— PDF坐标系统和坐标变换

PDF标准详解(三)—— PDF坐标系统和坐标变换

时间:2024-06-15 12:54:23浏览次数:16  
标签:200 end 变换 详解 坐标 bmatrix theta PDF 100

之前我们了解了PDF文档的基本结构,并且展示了一个简单的hello world。这个hello world 虽然只在页面中显示一个hello world 文字,但是包含的内容却是不少。这次我们仍然以它为切入点,来了解PDF的坐标系统以及坐标变换的相关知识

图形学中二维图形变换

中学我们学习了平面直角坐标系,x轴沿着水平方向从左往右递增,Y轴沿着竖直方向,从下往上坐标递增。而PDF的坐标系与数学中的坐标系相同。但是PDF的坐标是有单位的,PDF的坐标单位为磅,一般来说他们与英寸等的转化关系为
1 磅 = 1/72 英寸
因为PDF需要做到设备无关,也是就是在不同的显示像素和打印机上,显示的长度都一致,所以这里不能采用像素做单位。但是我们可以通过相关的接口来将这个单位转化为像素。例如在Windows平台可以通过下列的代码来获取一英寸有多少像素

HDC hdc = GetDC(NULL);
short cxInch = GetDeviceCaps(hdc, LOGPIXELSX);
short cyInch = GetDeviceCaps(hdc, LOGPIXELSY);
ReleaseDC(NULL, hdc);

对于我的显示器来说,水平和竖直方向都是 1英寸=96像素

有了这些概念之后,我们来看一个例子,下面是在页面的(200, 200) 位置画一个 长宽都为100的正方形

3 0 obj % 页面内容流
<< >>
stream % 流的开始
200 200 100 100 re S
endstream % 流结束
endobj

之前说过,页面显示内容在页面流中,因此这里我们将内容放置到页面流对象中。前面的200 200 是矩形的起始位置。后面的100 100 分别是长和宽。re 代表我们要构建一个矩形,最后的S表示要显示这个图形。严格意义上来说,re 和S都是路径构造所使用的操作符。这里的矩形也不单单是一个图形,它是一个路径。关于他们的概念将在后面继续介绍。下面我们来介绍基本的2D图形变换

平移

平移

假设一个点原始坐标是(x1, x2),那么沿着x轴平移a,y轴平移b,那么平移之后点的坐标为 (x1 + a, x2 + b) ,转换成矩阵就是
$$
\begin{bmatrix} x & y & 1\end{bmatrix} \begin{bmatrix} 1 & 0 & 0 \ 0 & 1 & 0 \ a & b & 1 \end{bmatrix} = \begin{bmatrix}x + a & y + b & 1\end{bmatrix}
$$

旋转

旋转
利用中学的知识可以知道
$$
x_1 = r * cos(\theta+\psi)
= r(cos\thetacos\psi-sin\thetasin\psi)
= x
cos\theta-ysin\theta
$$

同理,我们可以得到
$$
y_1 = r * sin(\theta+\psi)
= r * (sin\thetacos\psi+cos\thetasin\psi)
= xsin\theta+ycos\theta
$$

转换成矩阵就是
$$
\begin{bmatrix} x & y & 1\end{bmatrix} \begin{bmatrix} cos\theta & sin\theta & 0 \ -sin\theta & cos\theta & 0 \ 0 & 0 & 1 \end{bmatrix} = \begin{bmatrix}xcos\theta - ysin\theta & xsin\theta+ycos\theta & 1\end{bmatrix}
$$

缩放

缩放就是将坐标扩大或者缩小为原来的多少倍,我们可以很清楚的知道
$$
x_1=xa
y_1=y
b
$$

这里的a和b都是缩放的系数
利用矩阵表示就是
$$
\begin{bmatrix} x & y & 1\end{bmatrix}
\begin{bmatrix} a & 0 & 0 \ 0 & b & 0 \ 0 & 0 & 1\end{bmatrix}
$$

pdf 矩阵变换

还有另外几种变换,这里就不一一列举了。现在我们知道二维图形的变换使用一个矩阵就能进行描述。所以PDF在变换图形的时候直接使用的是变换的矩阵。另外我们观察到对于二维变换来说,最后一列一直都是 0 0 1这三个数字。所以pdf中设置变换矩阵时忽略最后一列,仅仅保留前两列,采用6个数字
$$
\begin{bmatrix}a & b & 0 \ c & d & 0 \ e & f & 1\end{bmatrix}
$$

这个矩阵在PDF中表现为 a b c d e f。

回到我们之前hello的例子中,我们在 hello world 字符流开始的时候,给定了几个数字
1. 0. 0. 1. 50. 700. cm
各个数字之间采用空格隔开,这里数字后面跟的点表示它是一个浮点数。我们可以将这一列数字写成如下的矩阵
$$
\begin{bmatrix}1.0 & 0.0 & 0 \ 0.0 & 1.0 & 0 \ 50.0 & 700.0 & 1 \end{bmatrix}
$$

这个矩阵我们叫做当前变换矩阵 (Current Transformation Matrix CTM),最后的cm表示使用该矩阵进行图形变换。它是current matrix 的缩写

所以上述这一串数值的意思就是将 hello world 这个字符串平移到页面坐标 (50, 700) 的位置

PDF 中控制图形变换的操作符

现在我们利用这个上述知识来做一个小练习。我们将一个长宽都为100 的矩形在 (200, 200) 位置逆时针旋转45°
绕任意点旋转,可以先将该点移动到坐标原点,然后按照坐标原点的进行旋转的公式进行计算,最后再将坐标点平移回原来的位置。这个过程产生3个变换矩阵

平移矩阵
$$
\begin{bmatrix}1 & 0 & 0 \ 0 & 1 & 0 \ -C_x & -C_y & 1\end{bmatrix}
$$

旋转矩阵
$$
\begin{bmatrix}cos\theta & sin\theta & 0 \ -sin\theta & cos\theta & 0 \ 0 & 0 & 1\end{bmatrix}
$$

平移矩阵
$$
\begin{bmatrix}1 & 0 & 0 \ 0 & 1 & 0 \ C_x & C_y & 1\end{bmatrix}
$$

我们将这三个矩阵相乘
$$
\begin{bmatrix}1 & 0 & 0 \ 0 & 1 & 0 \ -C_x & -C_y & 1\end{bmatrix} * \begin{bmatrix}cos\theta & sin\theta & 0 \ -sin\theta & cos\theta & 0 \ 0 & 0 & 1\end{bmatrix} * \begin{bmatrix}1 & 0 & 0 \ 0 & 1 & 0 \ C_x & C_y & 1\end{bmatrix}
$$

最终得到这样一个矩阵
$$
\begin{bmatrix}cos\theta & sin\theta & 0 \ -sin\theta & cos\theta & 0 \ C_x - C_xcos\theta+C_ysin\theta & C_y-C_xsin\theta-C_ycos\theta & 1\end{bmatrix}
$$
因此这里可以这样写

3 0 obj     % 页面内容流
<< >>
stream      % 流的开始
200 200 100 100 re S %原始矩形
0.7 0.7 -0.7 0.7 200 -80 cm%进行坐标变换
200 200 100 100 re S %变换后的矩形
endstream   % 流结束
endobj

这样我们可以得到如下所示的图形
在这里插入图片描述
这个时候我们会发现,同样是(200, 200) 的位置,在变换前和变换后,得到不一样的图形,这就说明我们的坐标系统被改变了。不再是水平和竖直方向的x y轴了。如果我们想要它变回原来的位置该怎么办?

在GDI或者其他框架的图形编程中,在改变画笔、画刷等图形状态的时候,会首先保存原来的,然后更新,最后再还原。同样在PDF中,也存在有这样的保存和还原的操作符。我们使用q/Q这么一对操作符来完成保存和还原的操作。

我在原来的基础上,再加一个矩形,在(400, 400) 位置画一个长宽都是100的矩形

3 0 obj     % 页面内容流
<< >>
stream      % 流的开始
200 200 100 100 re S %原始矩形
0.7 0.7 -0.7 0.7 200 -80 cm%进行坐标变换
200 200 100 100 re S %变换后的矩形
400 400 100 100 re S % 这个矩形是相对于 (200, 200) 这个点旋转了45°的矩形
endstream   % 流结束
endobj

我们再采用q/Q这一对操作符来保存和还原图形状态

3 0 obj     % 页面内容流
<< >>
stream      % 流的开始
200 200 100 100 re S %原始矩形
q
0.7 0.7 -0.7 0.7 200 -80 cm%进行坐标变换
200 200 100 100 re S %变换后的矩形
Q
400 400 100 100 re S % 这个矩形是相对于 (400, 400) 这个点旋转了45°的矩形
endstream   % 流结束
endobj

这个时候我们发现它已经在(400, 400) 这个位置画了一个矩形。没有任何的图形变换

PDF中将图形状态保存成一个栈结构,每次执行q就是将当前图形状态进行入栈,使用Q将之前保存在栈顶的图形状态进行出栈,并还原成当前图形状态。一般来说q/Q必须成对出现。
好了,本节到这里就结束了。本节主要介绍了图形变换矩阵以及PDF中变换矩阵的操作符cm以及q/Q 这一对保存和还原图形状态的操作符

标签:200,end,变换,详解,坐标,bmatrix,theta,PDF,100
From: https://www.cnblogs.com/lanuage/p/18249201

相关文章

  • 【BERT】详解BERT
    一、为什么要提出BERT?传统的RNN类模型,包括LSTM,GRU以及其他各种变体,最大的问题在于提取能力不足。在《WhySelf-Attention?ATargetedEvaluationofNeuralMachineTranslationArchitectures》中证明了RNN的长距离特征提取能力甚至不亚于Transformer,并且比CNN强。其主要问题......
  • 传统后端SQL数据层替代解决方案: 内置数据源+JdbcTemplate+H2数据库 详解
    内置数据源我们回顾一下druid数据源的配置方式通过type属性指定数据源的类型导入依赖starter就使用了spring的自动装配功能格式二是在引入druid的依赖的基础上进行的一种配置方式Tomcat内部也可以进行数据源的配置轻量级中最快的数据源对象我们切换德鲁伊连接池......
  • C语言详解(预编译)
    Hi~!这里是奋斗的小羊,很荣幸您能阅读我的文章,诚请评论指点,欢迎欢迎~~......
  • caddy run 命令详解
     caddyrun这个子命令启动Caddy进程,并可选地使用初始配置文件进行引导,并无限期地阻塞,直到服务器停止运行,即run是在"守护进程"模式(前台)中运行Caddy。使用参数:[--config<path>[--adapter<name>]][--envfile<path>][--environ][--resume][--watch][--pidfile<......
  • Spring框架的原理及应用详解(一)
    本系列文章简介:        在当今的软件开发世界中,随着应用复杂性的不断增加和技术的快速发展,传统的编程方式已经难以满足快速迭代、高可扩展性和易于维护的需求。为此,开发者们一直在寻求更加高效、灵活且易于管理的开发框架,以帮助他们应对这些挑战。Spring框架就是在这......
  • Spring框架的原理及应用详解(二)
    本系列文章简介:        在当今的软件开发世界中,随着应用复杂性的不断增加和技术的快速发展,传统的编程方式已经难以满足快速迭代、高可扩展性和易于维护的需求。为此,开发者们一直在寻求更加高效、灵活且易于管理的开发框架,以帮助他们应对这些挑战。Spring框架就是在这......
  • QVector使用详解
    QVector使用详解一、创建和初始化1.默认构造函数2.指定大小的构造函数3.指定大小和初始值的构造函数4.使用std::initializer_list初始化5.拷贝构造函数6.从指针和大小初始化7.使用std::vector初始化8.使用`QList`初始化9.使用`QVector`初始化`QList`1......
  • 关于Unity四种合批技术详解
    文章目录一.静态合批(StaticBatching)1.启用静态合批2.举例说明3.静态合批的限制4.静态合批的优点缺点5.动态指定物品合批二.动态合批(DynamicBatching)1.启用动态合批2.合批规则3.举例说明4.使用限制三.GPUInstancing1.启用GPUInstancing2.启用限制3.举例说明......
  • shell编程-sed命令详解(超详细)
    目录前言一、sed命令介绍1.sed命令简介2.sed命令的基本语法3.常用的sed命令选项4.常用的sed编辑命令二、sed命令示例用法1.替换文本2.删除匹配行3.打印特定行4.在指定行之前插入文本5.从文件中读取编辑命令6.使用sed命令在core-site.xml文件中的<configuration>标签之前......
  • pdf.js打开自带的debug工具
    pdf.js自带有部分功能debug的工具,可以不用再源码里面,直接再url路径里面通过设置打开要在pdf.js中传入自带的debug功能,需要在url的后面通过#号跟功能的id即可,例如下面开启所有debug功能,那么就在url后面添加#pdfbug=all即可下面这个图是pdf.js的wiki上面所写的包含了debug的功能i......