Chindle优化之转换矩阵-优快云博客

本文介绍了图形学中变换矩阵的应用，包括平移、旋转和缩放等基本操作，并通过SVG示例展示了如何使用变换矩阵调整文本的位置和大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图形学时隔4年重新进入视野。利用Transform Matrix可以很方便地进行图形变换运算，Chindle的编码中需要熟练掌握。

利用转换矩阵，可以：

1. 平移

2. 旋转

3. 缩放（翻转也是缩放的一种）

转换向量：[a, b, c, d, e, f, g]

Matrix

a, d表示缩放,

缩放矩阵

e, f表示平移.

平移矩阵

SVG中对transform maxtri的支持很好，有兴趣的可以做点小试验：

<?xml version="1.0" encoding="utf-8"?>  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="4000px" height="4000px" viewBox="0 0 4000 4000" enable-background="new 0 0 4000 4000" xml:space="preserve"> <desc>中国人的家</desc> <path fill="none" stroke="#0000FF" d="M1,1L1,1L1,1z"/> <text transform="matrix(1 0 0 1 249.9998 222.0286)" font-family="'FZCCHJW--GB1-0'" font-size="580">显示的是中</text> <text transform="matrix(1 0 0 1 249.9998 349.9998)" font-family="'FZCCHJW--GB1-0'" font-size="280">文</text> <text transform="matrix(1 0 0 1 2350.0002 2149.9998)" font-family="'FZCCHJW--GB1-0'" font-size="580">显示的是中</text> <text transform="matrix(1 0 0 1 3361.1428 2391.1628)" font-family="'FZCCHJW--GB1-0'" font-size="280">文</text> <text transform="matrix(1 0 0 1 593.1165 1161.2136)" font-family="'FZCCHJW--GB1-0'" font-size="580">显示的是中</text> <text transform="matrix(1 0 0 1 3493.1165 1203.4011)" font-family="'FZCCHJW--GB1-0'" font-size="280">文</text> <text transform="matrix(1 0 0 1 2352.5002 3420.4998)" font-family="'SimSun'" font-size="12">fsafsdf</text> <rect x="1033.5" y="418.5" fill="none" width="375" height="232"/> </svg>
transform="matrix(1 0 0 1 249.9998 222.0286)" a=1, d =1, scale=1;

e=250, f=222, 表示平移，在这里base点位(0,0)所以，(e,f)即坐标。