Knovajs / HTML5画布-旋转原点

文章/答案/技术大牛

发布

0回答

html、canvas、konvajs

我已经成功地创建了一个按钮，它可以顺时针或C顺时针旋转图像。但是，此按钮只能使用一次。即，如果我按CW，则无法使用CCW还原图像。有什么想法吗？

浏览 12提问于2017-06-16得票数 0

回答已采纳

3回答

在html5画布上旋转对象后返回未变换的鼠标坐标

javascript、canvas、html5-canvas

我在html5画布中围绕一个可变的原点旋转一个对象。我基本上需要一个函数，它将接受实际单击的鼠标坐标作为x和y，并将它们转换为对象在旋转之前的位置。coordinates x : newx, y : newy

浏览 4提问于2013-01-25得票数 6

回答已采纳

1回答

为什么在画布中旋转元素之前必须先进行平移才能围绕元素旋转？

javascript、html、canvas

我刚刚开始学习HTML5元素，当我试图弄清楚如何围绕元素旋转时，我偶然发现一篇文章说在旋转元素之前必须转换原点，我想知道为什么会这样？翻译不就是把你画东西的原点移到画布上的另一个点吗？

浏览 0提问于2011-06-05得票数 1

1回答

我目前正试图了解如何在html5中绘制对象时如何进行矩阵转换，但是在多个不同的信息来源中发现的不同解释造成了一些混淆。我发现了这样的信息:为了像看到的那样在html5中动画绘制对象，我还看到了转换可以通过转换一个绘制点来应用于页面上的单个对象，但我不太确定它是如何工作的。我已经找到了一个代码示例，它实现了由腿(两行)组成的动画，但是它在不将转换应用到画布的情况下执行动画，使用的是在其他文件中定义的转换矩阵的函数对象。代码提供了自己的moveTo()和lineTo()实现(通常与画布对象一起使用)，在这两个实现中，它转换传入

浏览 1提问于2015-10-21得票数 0

回答已采纳

1回答

如何用纯javascript和HTML5压缩和调整画布图像的大小？

javascript、html、canvas

我正在尝试在客户端调整和旋转相机图片--没有任何特殊的库，实际上我成功地完成了大部分工作，只是在旋转图像时得到了320像素的偏移量。我不确定这个偏移量是从哪里来的，也不知道如何解决这个问题。

浏览 13提问于2018-02-26得票数 0

1回答

车辆跟踪系统中如何根据航向设置箭头位置

google-maps、gps、bing-maps、direction、heading

在现场跟踪中，我的GPS设备给我发送了必应和谷歌地图的标题。在此基础上，我使用箭头图像。但很多时候它却显示出了错误的方向。如何自动设置图像。代码，如是否有任何选项来设置箭头。

浏览 1提问于2016-03-31得票数 0

2回答

如何使用Canvas旋转图像本身？

javascript、html、canvas

我在使用画布旋转图像本身时遇到了问题。由于不能旋转图像，因此必须旋转画布:如果我将画布旋转一定程度，我希望旋转的原点会发生变化。我不知道如何跟踪这个变化。

浏览 0提问于2009-10-26得票数 3

回答已采纳

1回答

关于动态点的画布旋转对象

javascript、html、rotation、html5-canvas

我在画布上有一个特定x，y，w，h的圆角矩形。我首先做一个context.translate来得到我想要的对象，然后当涉及到旋转它的时候，这就是我在解决所需的数学问题时遇到的问题。我可以做一个简单的context.rotate(Math.PI/180 * 25)来旋转它25度，但它是从x，y旋转的，我真的想把旋转点移动到像x+ (w/2)和y+ (w/2)那样。我不确定如何告诉rotate方法围绕不同的点旋转它。我想我必须像正常情况一样旋转

浏览 2提问于2012-12-26得票数 2

回答已采纳

1回答

用画布绘制HTML5，旋转线？

javascript、html、canvas

在一个开源项目中，我们让HTML5画布旋转处理图像和文本--但是我不知道形状有什么不同。但是，我们有一个旋转变量，它是0..360，如果>0，则需要应用它。对于图像和字体，我们像这样在第298行旋转画布：c.translate(x, y);// draw here我已经阅读了这里的其他相关问题-但不理解如何调整形状的原点。

浏览 1提问于2014-12-29得票数 0

1回答

在两个画布之间复制会导致模糊

javascript、html、canvas

我有两张画布。当我使用drawImage()从一个画布复制到另一个画布时，它稍微模糊了图像。这似乎是当存在一些亚像素舍入时发生的事情。也许这是由45度的“旋转”造成的？

浏览 0提问于2017-11-04得票数 0

1回答

旋转HTML5视频和保存画布

javascript、html、html5-video

我有一个使用HTML5 jpeg_camera ()的视频<video autoplay="" src="blob:http://localhost:49209/41c42143scaleX(-1); position: relative; width: 601px; height: 338px; left: -31px; top: 0px;"></video> 当平板电脑旋转时，我捕捉到方向改变和调整大小事件，并根据

浏览 3提问于2017-07-06得票数 2

回答已采纳

2回答

如果有Canvas.rotate(90)，Canvas.drawPoint()就不工作了吗？

android

因此，我正在制作一个自定义视图，它显示一些图形(图)，并且在某些情况下，我希望将画布旋转90度。我只能猜测我的设备(HTC Desire，安卓2.3)有一个bug，我还没有在其他设备上测试过它。

浏览 0提问于2012-03-29得票数 2

回答已采纳

2回答

在HTML5画布中，有没有一种方法可以旋转不同角度的图像？

javascript、canvas、html5-canvas、rotation

目前有两个图像我想在画布上旋转，我尝试保存和恢复，但没有工作 { var canvas = document.getElementById

浏览 0提问于2012-06-26得票数 0

1回答

如何在asp.net中动态旋转文本？

asp.net

如何使用ASP.NET动态旋转HTML中的文本？

浏览 5提问于2013-03-19得票数 0

回答已采纳

2回答

如何在Canvas html5中仅旋转正方形

javascript、html、canvas、rotation

大家好，我正在用画布做练习，我想只旋转一个正方形，因为当我使用方法旋转所有画布时，因为当我移动原点时，正方形会移到其他地方。例如，我在()中有一个正方形我把正方形旋转45度我将正方形移动到位置(0,0)，但它移到了其他位置

浏览 5提问于2017-05-02得票数 1

2回答

如何在画布中通过矩形的中心来平移矩形？

canvas、center、translate

我是画布元素的新手，我想学习更多，因为我认为它很有潜力。几年前我学过一些openGL (虽然有点模糊)，我只记得很少的东西。尽管如此，我如何能够围绕对象的中心或原点来平移对象，例如矩形。我知道你会如何围绕它的中心旋转；转换到原点，旋转它，然后再转换回来。很简单。我尝试了同样的概念来围绕其中心进行翻译，但无济于事。翻译点仍然在左上角，而不是在我想要的中心。我该怎么做有什么建议吗？

浏览 11提问于2012-09-27得票数 1

1回答

通过脚本实现IDML到HTML5的转换

html、idml

我正在尝试通过脚本而不是InDesign将IDML转换为HTML5。除了IDML中的旋转文本外，一切都正常。当旋转文本时，我从IDML的ItemTransform中获取值，并遵循中详细介绍的几何计算。我在HTML5输出中正确地获得了除"top“值之外的所有CSS值。如果您以前尝试过此操作，请让我知道如何计算IDML到HTML5的CSS值。谢谢!

浏览 3提问于2012-09-08得票数 2

1回答

如何旋转和镜像帆布元素？

javascript、html、canvas、html5-canvas

我有以下问题:我的画布元素(1280x720)需要水平镜像并旋转到180度。之后，画布就变成了一个base64映像(工作没有问题)。meinElement.height-1);ctx.drawImage(video, 0, 0, meinElement.width, meinElement.height); 旋转就像一种魅力，但是镜像会导致一个黑色元素--不管我是先旋转还是镜像--有人有主意吗？

浏览 3提问于2017-03-16得票数 3

回答已采纳

2回答