问题标签 [html5-canvas]

如果我在画布上使用translate/之类的转换函数rotate，那么当传递给任何画布函数时，所有点都会被转换。这就像一个魅力，但还有一种方法可以简单地获得转换点而不实际绘制？

这在调试时非常有用。我现在所能做的就是查看该点的最终位置，但我似乎无法获得计算出的转换坐标。

那么，假设我旋转 90 度，是否有任何函数可以获取一个点（即(10, 0)）并将转换后的点返回（即(0, 10)）？

我的意思基本上是这样的：

我想知道为什么下面会产生一个正方形相互重叠的白色字段：

http://jsfiddle.net/yNTTj/5/

因此，第一个正方形是用顺时针定义的路径绘制的，而第二个正方形是用逆时针定义的路径绘制的。

我希望两者都涂成黑色，就像我们以同样的方式定义正方形 2 的顺序会发生什么：http: //jsfiddle.net/yNTTj/6/。然而，显然重叠的空间变成了白色（一般来说，背景颜色）。

如果我反过来定义一条路径，它基本上就是它要切断的同一区域，那么为什么在填充时会产生不同的结果呢？

似乎相机后面的所有东西都倒置了或其他东西：

这是原始模型：

所以相机位于“框架”的右侧开口处。

这是深度计算（我认为问题出在这里）：

有人知道这个问题吗？

编辑：我在这里有答案：

单击按钮时，我需要获取多个圆形图像。我用一张图片就完成了，那也是可拖动的。

但我需要多个图像，因为每个用户单击按钮。

我们应该使用附加功能来做到这一点。我在那里使用画布标签。如果是这样，我们该如何实施。

我正在尝试将 HTML5 Canvas 替换为简单<div> 但我不知道如何替换这一行：

也许有人知道如何将其替换为<div>？

示例： http: //jsfiddle.net/HDpMW/5/（此代码来自 glacialflame.com）

http://jsfiddle.net/jBgqW/

我已经绘制了背景fillRect并fillStyle设置为，rgb(255,0,0)但是当我遍历像素并设置一些随机颜色和 alpha 像素的值时，0所有内容都变为白色。我假设当像素是透明的时，它应该与先前绘制的背景颜色混合，或者它总是默认为白色。

我希望这只是我使用画布的错误方式。

谁能解释为什么在这种情况下背景不是红色以及如何正确使用 alpha 像素？我想知道这是否与 alpha 预乘有关。

假设我在 HTML5 画布上有一个圆圈（弧线）。我可以这样填写：

这是一种享受。但是，一个人怎么能填满对面的区域呢？现在它是带有黑色圆圈的白色，但我希望它沿着下图的线条（白色是背景色，黑色是填充色）：

我知道我可以只使用黑色背景并画一个白色圆圈，但背景可以是任何东西（以前在那里画过各种各样的东西，所以只交换颜色是不可能的）。

另一件事是不应该填充完整的画布，而是一个带有圆圈的正方形被取消。

我在想一个，globalCompositeOperation但它似乎不符合我的需要，因为它们都没有按照我的需要行事。

那么，我怎样才能完成填充示例图像中的“对面”区域？

我想在图像上获得径向渐变效果（alpha = 1在中间，边缘透明）。

你对我怎么做有任何想法吗？

我使用以下代码使用画布编写文本。

我的问题是：是否也可以用其他语言编写文本？

我在服务器端做一些自动化。我想以某种方式通过 Python 代码与 HTML 页面交互并访问像素数据。Selenium 为他的方法提供了什么样的选择？

可能的考虑

• 进程内内存中的原始像素数据访问

• 通过将像素保存到本地图像文件 (PNG) 来获取像素

• 通过将像素保存到内存、在 localhost 上侦听端口并通过 AJAX 将数据推送到那里来获取像素

• 创建图像文件并直接在进程内存中访问它