问题标签 [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.
sql-server - SVG viewBox 反转 Y 坐标
我正在使用 SVG 在 HTML 页面中绘制不同的形状。这些不同的形状是从 Microsoft Sql Server 中空间数据库的几何对象中检索的。我面临的问题是坐标系统(Svg 和 Microsoft Sql Server)是不同的。0,0 从左上角的 Svg 开始,而在 Microsoft Sql Server 中,它从左下角开始。我只需要反转 Y 坐标。我还使用 viewBox 正确显示数据(用于不同的转换)。有什么方法可以解决我的问题,而无需触及对象的坐标并仅使用我的视图框的属性?我动态创建对象,并且更喜欢“viewBox”解决方案。
提前致谢!
svg - 如何在 SVG 中设置变换原点
我需要使用 javascript 调整和旋转 SVG 文档中的某些元素。(0, 0)
问题是,默认情况下,它总是在左上角的原点周围应用变换。
如何重新定义这个变换锚点?
我尝试使用该transform-origin
属性,但它不会影响任何东西。
我是这样做的:
尽管我可以在 Firefox 中看到该属性已正确设置,但它似乎并未将关键点设置为我指定的点。我尝试了带括号和不带括号之类center bottom
的东西50% 100%
。到目前为止没有任何效果。
任何人都可以帮忙吗?
javascript - 我可以重新使用 html5 画布元素的转换吗?
想象一下,我想转换一个画布上下文坐标空间以包含某个边界框,并且我正在围绕它编写一个测试。
是否有可能真正“使用”上下文的转换,有点像这样:
或者有没有其他方法可以编写这个测试函数?
iphone - 获取内视图对应外视图的坐标
我的视图控制器具有以下层次结构:
月视图 -> 滚动视图 -> 日历视图 -> 网格视图 -> 容器视图 -> 平铺视图。
当用户单击放置在 Tile 视图中的按钮时,新视图应添加到 MonthView -> Scroll View 上,其 X 坐标与容器视图相同。
我尝试了以下功能:
但是我得到的 X 坐标不是我需要的。我做错了什么吗?附上屏幕截图:
提前谢谢。
vector - 将向量移动到指定坐标
我有一层位于(100, 100)周围的向量,我想将它们移动到新的坐标,例如(1000, 1000)。我该怎么做?最好使用QGIS
svg - SVG坐标转换
为什么这个 SVG 内联代码不生成一个 60 x 40 的盒子,中间有一个点?
我想使用 SVG 在常规笛卡尔坐标图上绘制项目。我将拥有的数据将是笛卡尔主地图上可显示地图和中心点的大小。
javascript - 尝试旋转和变换 SVG 路径 - 我需要三角函数计算吗?
我正在尝试使用代表电子电阻器符号的鼠标 SVG 路径进行操作。这个符号需要用“引线”的末端进行操作(如果你能画出真实的电阻器);因此,我试图实现拖动第一个点周围(第 2 个仍然存在)和路径的所有点,以便在新坐标上拖动第一个点时按比例表现。
尝试分组,尝试使用三角函数......所以代码就像:
请帮忙。
javascript - Javascript SVG拖动
...我想弄清楚我怎么能拖动另一个电阻点: http ://www.3lectronics.com/electronics-layout/resistor.svg
SVG 事件、父母、孩子和其他家庭需要时间让我了解。
如果有人想帮忙...
.net - .NET打印坐标转换
我无法得到一个简单的答案。我有像素坐标,我想在这些坐标的(横向)页面中打印图像。
在我的印刷活动中,我会:
这显然不起作用:我指定了像素,但驱动程序需要英寸(?)还是什么?
试图:e.Graphics.PageUnit = GraphicsUnit.Inch
没有运气。
我想要一种转换方法,例如:
有什么提示吗?谢谢。
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 坐标是正的,这意味着我实际上应该看到一点右侧,而不是一点左侧!
我一起提出了这些问题,因为我认为它们都是相互关联的,并且可能与我缺少的一些非常基本的东西有关。非常感谢您花时间澄清这些事情。