Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >实现SVG缩放/旋转转换(以及如何理解坐标系)

问实现SVG缩放/旋转转换(以及如何理解坐标系)
EN

Stack Overflow用户

提问于 2012-06-24 21:28:15

回答 1查看 3.6K关注 0票数 3

所以我对SVG坐标系有点困惑。我正在做一个将SVG对象转换为多边形(然后在OpenGL中显示)的项目。我有所有的代码，这些代码取直线、圆圈、路径(用曲线近似)等，并将它们转换为每一个对象的一组点。到目前为止一切都很好。

我现在正处于实现转换的阶段。我已经编写了我所有的矩阵函数并准备就绪，但是我对平移(x，y)和任何以0，0为中心的操作(主要是旋转和缩放)之间的关系感到困惑。

假设我们在0,0有一个对象。rotate(45, 100, 100)相当于translate(100, 100) rotate(45) translate(-100, -100)，但是如果我将物体移动到100,100，并且旋转仍然在0,0，那不意味着旋转的中心实际上发生在-100，-100相对于物体的原始位置吗？

我想我的问题是translate是如何影响物体的坐标系的？在某些情况下，它用于在不移动对象的情况下将0,0移动到指定的点，而在另一些情况下，则用于移动对象。

我对坐标系的理解是完全错误的吗？

能源企业营销数智人解决方案

对接行业模型开箱即用，可替代传统的问答对梳理与对话树设计等繁重人力工作

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-26 07:49:34

我认为SVG规范很清楚地解释了坐标变换。每次转换都意味着将当前坐标乘以3x3矩阵。您可以在属性中指定的最一般的转换是自定义的matrix(...)，而所有其他类型的转换(转换、旋转、缩放、倾斜)都很容易使用快捷方式。最后，一切都成了矩阵。

将几个变换结合起来很简单，它只是意味着每个变换矩阵与其他变换按顺序相乘，而保持所有变换的跟踪意味着只需记住从这个乘法中得到的最后3x3矩阵，而计算一个元素的最终坐标就意味着将初始坐标的3x1矩阵与那个3x3矩阵相乘。

因此，我的建议是只处理矩阵，而忘记手动应用每个转换。

票数 5

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11183888

复制

相关文章

opencv显示图像

opencv cv2 import key window

如果说我们在些项目的过程中会频繁的查看我们的图片，我们就可以直接给它封装一个方法：

淼学派对

2023/10/14

2370

OpenCV中图像的读取，显示与保存

alpha buffer cv2 im window

相关函数：cv2.imread()、cv2.imshow()、cv2.imwrite()

py3study

2020/01/19

3K0

【OpenCV】图像的读入与显示

相关工程文件下载：链接：https://pan.baidu.com/s/1jfDQTdOQqIf34-D5Nx6big 密码：0d13

EdenChen

2018/04/17

1.6K0

【OpenCV】图像的读入与显示

OpenCV之图像像素值统计

python代码： import cv2 as cv import numpy as np src = cv.imread("./test.png", cv.IMREAD_GRAYSCALE) cv.namedWindow("input", cv.WINDOW_AUTOSIZE) cv.imshow("input", src) min, max, minLoc, maxLoc = cv.minMaxLoc(src) print("min: %.2f, max: %.2f"% (min, max)) pr

MachineLP

2021/07/19

6520

opencv videocapture参数_opencv显示图像

ascii https 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/17

1.4K0

【图像篇】OpenCV图像处理(二)---图像读取与显示

opencv python 图像处理 bash

在上一篇文章中，我们简要介绍了图像的基础知识，包括图像彩色通道，像素，分辨率等知识，学会这些东西，我们才能更好的理解图像处理的各种操作，今天，我们将会用上一篇文章（【图像篇】opencv图像处理(一)---图像基础知识）提到的工具--OpenCV，并用python语言调用OpenCV接口来进行实际的代码操作，一起来看看吧！

用户5410712

2022/06/01

1.2K0

【图像篇】OpenCV图像处理(二)---图像读取与显示

Python+OpenCV的图像读取、显示、保存

windows 编程算法

一、图像的读取图像的读取主要函数是cv2.imread()。函数格式：Mat cv::imread (const String & filename, int flags = IMREAD_COLOR) 功能：读取图片文件。参数： windows位图：后缀名为bmp JPEG文件：后缀名为jpeg/jpg JPEG2000：后缀名为jp2 便携式网络图像文件：后缀名为png TIFF文件：后缀名为tiff/tif 参数二是整型的flag，标志，默认值为IMREAD_COLOR，取值有如下几种： IMREAD_UNCHANGED：如果设置，则按原样返回加载的图像（带有Alpha通道，否则会被裁剪）。 IMREAD_GRAYSCALE：如果设置，总是将图像转换为单通道灰度图像读入。 IMREAD_COLOR：如果设置，总是将图像转换为3通道BGR彩色图像读入。 IMREAD_ANYDEPTH：如果设置，当输入具有相应深度时返回16位/ 32位图像，否则将其转换为8位。 IMREAD_ANYCOLOR：如果设置，图像将以任何可能的颜色格式读取。 IMREAD_LOAD_GDAL：如果设置，总是使用GDAL驱动程序加载图像。 IMREAD_REDUCED_GRAYSCALE_2：如果设置，总是将图像转换为单通道灰度图像，图像尺寸减小1/2。 IMREAD_REDUCED_COLOR_2：如果设置，总是将图像转换为3通道BGR彩色图像，图像尺寸减小1/2。 IMREAD_REDUCED_GRAYSCALE_4：如果设置，总是将图像转换为单通道灰度图像，图像尺寸减小1/4。 IMREAD_REDUCED_COLOR_4：如果设置，总是将图像转换为3通道BGR彩色图像，图像尺寸减小1/4。 IMREAD_REDUCED_GRAYSCALE_8：如果设置，总是将图像转换为单通道灰度图像，图像尺寸减小1/8。 IMREAD_REDUCED_COLOR_8：如果设置，总是将图像转换为3通道BGR彩色图像，图像尺寸减小1/8 常用的是前三种。因为flags是整型，所以传入数值也行： flags >0：等同于IMREAD_COLOR。 flags =0：等同于 IMREAD_GRAYSCALE。 flags <0：等同于IMREAD_UNCHANGED。通常是给1、0、-1，给其他整型也是可以的。返回值：Mat类型。从opencv2开始，用于存放图像的数据类型就是Mat，二、图像的显示图像读取后，下一步就是再把图像显示出来，主要函数有：cv2.namedWindows（）、cv2.imshow（）。再另外再介绍三个函数cv2.waitKey（）、cv2.destroyWindow（）、cv2.destroyAllWindows（）。 2.1 cv2.namedWindows函数介绍 void cv::namedWindow (const String & winname,int flags = WINDOW_AUTOSIZE ) 功能：创建一个窗口。参数：参数一是winname，给创建的窗口起一个名字，以后通过这个名字调用该窗口；参数二整型的flags，定义窗口的属性，默认值是WINDOW_AUTOSIZE，其他取值如下所示： WINDOW_NORMAL：用户可以调整窗口大小（不受约束）/也可以使用将全屏窗口切换为正常大小。 WINDOW_AUTOSIZE：用户无法调整窗口大小，窗口大小随显示图像的大小而变化。 WINDOW_OPENGL：带有opengl支持的窗口。 WINDOW_FULLSCREEN：将窗口更改为全屏。 WINDOW_FREERATIO：不遵循图像的比例调整图像后在窗口显示 WINDOW_KEEPRATIO：根据图像的比例调整图像后在窗口中显示 2.2 cv2.imshow函数介绍 void cv::imshow (const String & winname, InputArray mat ) 功能：在指定窗口显示图像。参数：参数一是窗口名；参数二设置为要显示的图像。注意此函数之后应该跟随函数waitKey，指定窗口显示多少毫秒。 2.3 cv2.waitKey函数介绍 int cv::waitKey (int delay = 0) 功能：等待按键或延迟多少毫秒。参数：整型的delay，默认值是0。设置为0表示永久等待按键，设置为非零，表示延迟delay毫秒。该函数仅在创建至少一个窗口并且窗口处于活动状态时才起作用。 2.4 cv2.destroyWind

菲宇

2019/11/12

3.7K0

OpenCV中图像显示你不知道的编程技巧

OpenCV 中最常用的一个API函数 imshow 各种编程与应用技巧，是否有你以前一直想的，但是从来没有成功过的操作！

磐创AI

2019/10/09

1.5K0

OpenCV中图像显示你不知道的编程技巧

c#利用Halcon的图像显示控件显示图像

vv彭

2020/10/27

2.9K0

c#利用Halcon的图像显示控件显示图像

OpenCV中图像显示你不知道的编程技巧

OpenCV 中最常用的一个API函数 imshow 各种编程与应用技巧，是否有你以前一直想的，但是从来没有成功过的操作！

OpenCV学堂

2019/09/20

1.9K0

OpenCV中图像显示你不知道的编程技巧

【python-opencv】读取、显示、写入图像

opencv python matlab numpy

cv.waitKey()是一个键盘绑定函数。其参数是以毫秒为单位的时间。该函数等待任何键盘事件指定的毫秒。如果您在这段时间内按下任何键，程序将继续运行。如果0被传递，它将无限期地等待一次敲击键。它也可以设置为检测特定的按键，例如，如果按下键 a 等，我们将在下面讨论。

西西嘛呦

2020/08/26

1.5K0

OpenCV-Python学习（2）—— OpenCV 图像的读取和显示

1. 学习目标图像理解图像读取与显示 2. 灰度图像 —— 单通道 1. 人眼中的灰度图像 2. 计算机中的灰度图像 [[ 72 72 71 ... 151 154 156] [ 75 73 69 ... 152 155 158] [ 78 73 66 ... 152 157 160] ... [ 94 94 94 ... 208 197 187] [ 92 92 93 ... 208 200 191] [ 96 96 97 ... 208 202 195]] 3

Rattenking

2022/09/30

1.3K0

OpenCV-Python学习（2）—— OpenCV 图像的读取和显示

使用opencv读入并显示一幅彩色图像,灰度化并显示，用canny算子得到图像边缘并显示

要求步骤： 1.读入彩色图像,并显示; 2.将彩色图像灰度化,并显示; 3将灰度图像，用Canny边缘算子得到图像边缘,并显示。

川川菜鸟

2021/10/18

1.3K0

OpenCV之图像像素读写

python代码： import cv2 as cv src = cv.imread("./test.png") cv.namedWindow("input", cv.WINDOW_AUTOSIZE) cv.imshow("input", src) h, w, ch = src.shape print("h , w, ch", h, w, ch) for row in range(h): for col in range(w): b, g, r = src[row, col]

MachineLP

2021/07/19

2370

OpenCV图像处理(二十--大结局)---OpencCV VS Matplotlib显示图像

matlab numpy opencv python

机械能是动能与势能的总和，这里的势能分为重力势能和弹性势能。我们把动能、重力势能和弹性势能统称为机械能。决定动能的是质量与速度；决定重力势能的是质量和高度；决定弹性势能的是劲度系数与形变量。机械能只是动能与势能的和。机械能是表示物体运动状态与高度的物理量。物体的动能和势能之间是可以转化的。在只有动能和势能相互转化的过程中，机械能的总量保持不变，即机械能是守恒的。

用户5410712

2022/06/01

7420

OpenCV图像处理(二十--大结局)---OpencCV VS Matplotlib显示图像

OpenCV3 图像的加载、修改、显示与保存

OpenCV 图像加载、修改、显示与保存图像加载 cv::imread imread功能是加载图像文件成为一个Mat对象，第一个参数表示图像文件名称第二个参数，表示加载的图像是什么类型，支持常见的三个参数值 IMREAD_UNCHANGED (<0) 表示加载原图，不做任何改变 IMREAD_GRAYSCALE ( 0)表示把原图作为灰度图像加载进来 IMREAD_COLOR (>0) 表示把原图作为RGB图像(实际顺序为BGR)加载进来。注意：OpenCV支持JPG、PNG、TIFF等常见格式图像

AI异构

2020/07/29

1.5K0

OpenCV 入门教程：图像读取和显示

图像处理 opencv 函数计算机视觉数组

在计算机视觉和图像处理领域，读取和显示图像是最基础且常见的操作之一。 OpenCV 作为一个强大的计算机视觉库，提供了丰富的功能来处理图像数据。本文将以读取和显示图像文件为中心，介绍使用 OpenCV 进行图像读取和显示的基本步骤和实例。

小蓝枣

2023/07/10

1K0

OpenCV 入门教程：图像读取和显示

MATLAB的图像显示方法

matlab 图像处理对象存储

在 MATLAB 中, 序列是用矩阵向量表示, 但它没有包含采样信息, 即序列位置信息, 为此, 要表示一个序列需要建立两个向量; 一是时间序列 n , 或称位置序列, 另一个为取值序列 x ，表示如下:

timerring

2023/03/04

4.8K0

基于FPGA的图像显示

fpga 图像处理

这几天一直在调试FPGA的图像显示系统，今天终于成功，图像不在闪烁，也不再边框缺失。

FPGA开源工作室

2019/10/29

1.8K0

点击加载更多

相似问题

当我运行hbase客户端时，我得到了这个异常

10

当我运行代码时，我得到了这个错误。

10

当我试图运行react时，我遇到了这个错误

22

当我运行这段代码时，我得到了这个错误。

23

当我使用java反射api时，我得到了这个异常。

11

活动推荐

玩转EdgeOne Pages有奖征集

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例