问题标签 [coordinate-transformation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1504 浏览

sql-server - SVG viewBox 反转 Y 坐标

我正在使用 SVG 在 HTML 页面中绘制不同的形状。这些不同的形状是从 Microsoft Sql Server 中空间数据库的几何对象中检索的。我面临的问题是坐标系统(Svg 和 Microsoft Sql Server)是不同的。0,0 从左上角的 Svg 开始,而在 Microsoft Sql Server 中,它从左下角开始。我只需要反转 Y 坐标。我还使用 viewBox 正确显示数据(用于不同的转换)。有什么方法可以解决我的问题,而无需触及对象的坐标并仅使用我的视图框的属性?我动态创建对象,并且更喜欢“viewBox”解决方案。

提前致谢!

0 投票
8 回答
110994 浏览

svg - 如何在 SVG 中设置变换原点

我需要使用 javascript 调整和旋转 SVG 文档中的某些元素。(0, 0)问题是,默认情况下,它总是在左上角的原点周围应用变换。

如何重新定义这个变换锚点?

我尝试使用该transform-origin属性,但它不会影响任何东西。

我是这样做的:

尽管我可以在 Firefox 中看到该属性已正确设置,但它似乎并未将关键点设置为我指定的点。我尝试了带括号和不带括号之类center bottom的东西50% 100%。到目前为止没有任何效果。

任何人都可以帮忙吗?

0 投票
1 回答
137 浏览

javascript - 我可以重新使用 html5 画布元素的转换吗?

想象一下,我想转换一个画布上下文坐标空间以包含某个边界框,并且我正在围绕它编写一个测试。

是否有可能真正“使用”上下文的转换,有点像这样:

或者有没有其他方法可以编写这个测试函数?

0 投票
1 回答
95 浏览

iphone - 获取内视图对应外视图的坐标

我的视图控制器具有以下层次结构:

月视图 -> 滚动视图 -> 日历视图 -> 网格视图 -> 容器视图 -> 平铺视图。

当用户单击放置在 Tile 视图中的按钮时,新视图应添加到 MonthView -> Scroll View 上,其 X 坐标与容器视图相同。

我尝试了以下功能:

但是我得到的 X 坐标不是我需要的。我做错了什么吗?附上屏幕截图:

初始图像

无效的

有效的

提前谢谢。

0 投票
1 回答
5910 浏览

vector - 将向量移动到指定坐标

我有一层位于(100, 100)周围的向量,我想将它们移动到新的坐标,例如(1000, 1000)。我该怎么做?最好使用QGIS

0 投票
2 回答
4603 浏览

svg - SVG坐标转换

为什么这个 SVG 内联代码不生成一个 60 x 40 的盒子,中间有一个点?

我想使用 SVG 在常规笛卡尔坐标图上绘制项目。我将拥有的数据将是笛卡尔主地图上可显示地图和中心点的大小。

0 投票
1 回答
4333 浏览

javascript - 尝试旋转和变换 SVG 路径 - 我需要三角函数计算吗?

我正在尝试使用代表电子电阻器符号的鼠标 SVG 路径进行操作。这个符号需要用“引线”的末端进行操作(如果你能画出真实的电阻器);因此,我试图实现拖动第一个点周围(第 2 个仍然存在)和路径的所有点,以便在新坐标上拖动第一个点时按比例表现。

尝试分组,尝试使用三角函数......所以代码就像:

请帮忙。

0 投票
1 回答
608 浏览

javascript - Javascript SVG拖动

原始问题位于http://stackoverflow.com/questions/7055607/trying-to-rotate-and-transform-svg-path-do-i-need-trigonometry-calculations

...我想弄清楚我怎么能拖动另一个电阻点: http ://www.3lectronics.com/electronics-layout/resistor.svg

SVG 事件、父母、孩子和其他家庭需要时间让我了解。

如果有人想帮忙...

0 投票
1 回答
1523 浏览

.net - .NET打印坐标转换

我无法得到一个简单的答案。我有像素坐标,我想在这些坐标的(横向)页面中打印图像。

在我的印刷活动中,我会:

这显然不起作用:我指定了像素,但驱动程序需要英寸(?)还是什么?

试图:e.Graphics.PageUnit = GraphicsUnit.Inch没有运气。

我想要一种转换方法,例如:

有什么提示吗?谢谢。

0 投票
1 回答
996 浏览

c++ - 对三角绕组和变换感到困惑

首先,我想为这么长的问题道歉。你不必阅读它。您可以直接跳到问题部分,然后在需要时查找详细信息(我已尝试提供尽可能多的信息,因为根据我的经验,太多的代码总比太少的好)。所以,...

我对三角形绕组和变换有点困惑,我以为我理解了。我正在尝试绘制一个定义如下的立方体:

这些是我脸上的假定颜色:

正如您从评论中看到的那样,我使用了上、下、左、右等术语。如果我们假设我们正在从某个位置(例如,(0, 0, -3a)在世界坐标中)看立方体,这些词就会得到它们的含义。现在,据我了解,我的立方体的正面是逆时针缠绕的(也就是说,如果我们从立方体外部的任何位置查看立方体,并枚举我们看到的三角形中的顶点,我们将得到逆时针缠绕) .

所以,我需要 1. 启用剔除。2. 说逆时针是正面 3. 剔除背面。这是代码:

我的投影矩阵是透视投影矩阵,modelView矩阵只是一个LookAt矩阵。它们作为制服提供给顶点着色器。

我的顶点着色器定义如下:

我的片段着色器很简单——它只输出插值的颜色。

现在......这是我得到的输出:

在此处输入图像描述

如果我更改glFrontFace(GL_CCW);glFrontFace(GL_CW);,或者更改glCullFace(GL_BACK)glCullFace(GL_FRONT),我会得到预期的(至少比前一个更预期,请参阅第二个和第三个问题)渲染:

在此处输入图像描述

我在这里看到三个问题,每个问题都在一个问题中描述:

实际问题:

Q1:为什么绕组与我的意图相反?我没有为正面逆时针缠绕顶点吗?
Q2为什么我的“左”脸和“右”脸互换了位置?左脸应该是黄色的,右脸应该是绿色的,反之亦然!我的转型有什么问题?
Q3我的变换有问题,因为我的眼睛向量的 x 坐标正的,这意味着我实际上应该看到一点右侧,而不是一点左侧!

我一起提出了这些问题,因为我认为它们都是相互关联的,并且可能与我缺少的一些非常基本的东西有关。非常感谢您花时间澄清这些事情。