问题标签 [html5-canvas]

我正在尝试将箭头添加到用 Canvas 编码的雷达/蜘蛛图中。因为我使用 PHP/SQL 来检索一些数据库值，所以我回显了大部分需要的 JS 以将其绘制在 Canvas 上。到目前为止，我已经绘制了轴（7）和指南（5 个值）。

如何旋转箭头以使其正确显示；有一个角度并且在 7 轴的末端？

我正在使用 PhoneGap 为 iPhone 开发一个应用程序，并且我正在使用 JavaScript 进行编码。我所做的是，我正在从网上下载图像并将其编码为 Base64，以使用以下方法将其存储在我的数据库中：

存储的图像格式为：

现在，我需要在用户离线时从数据库中获取图像并将其显示在 HTML5 画布项上。我有以下代码：

但是即使我检查并确定 src 是我从数据库中获得的确切 base64 编码，我也会得到一个空画布。我应该先做其他事情，比如解码然后显示图像吗？如果是，我该如何实施？

有没有一种方法可以缩放在 amxn Canvas 中绘制的一组点，然后在 apxq 画布中重新绘制一组等效的点，其中 p < m 和 q < n？我知道缩放坐标的方法应该是一种选择，但是还有其他方法可以做到这一点吗？

提前致谢

我正在为 ipad 开发一个 html5 应用程序。我想在画布元素中显示一个图像，下面有一个背景图像。当用户在画布中的图像上擦拭手指时，它应该擦除以显示背景图像。这是我开始的代码。现在我只是想画一条透明线来显示背景图像。稍后我会担心触摸事件。有任何想法吗？

抱歉标题含糊不清，但我不完全确定如何总结我要问的内容。

首先，这是我目前所拥有的jsFiddle 。

我刚刚开始学习使用 HTML5 画布元素以及使用 js OOP。

正如您从小提琴中看到的那样，我创建了一个矩形类（这样我就可以创建尽可能多的正方形，尽管我认为这可能是多余的），并引用它来绘制。但是，当我设置 时height = width，我总是以非正方形结束。我对使用画布比较陌生，但我认为这是因为正方形的高度和宽度与画布元素的大小相关，因此画布元素的高度和宽度不能成比例（因为它们分配的百分比值相反到确定的像素）。

我可以通过将正方形的大小设置为像素来解决这个问题，但是当我的按键事件被调用时，正方形根本不会移动。

另外，我有 keypress 事件，以便用户可以使用箭头键移动方块。但是，向上/向下键的值似乎是反转的，即使我在代码中翻转它们？左/右键什么都不做？

而且，我也只能让方格上下移动一次？只要用户不断按下相应的按钮，我的代码不应该允许我增加我的 x/y 值吗？

如果有人可以检查一下并给我一些关于我做错了什么的指示，那就太好了！我正在尝试很多新东西，因为它只是一种学习体验，所以如果你有这种倾向，请帮助我学习！

我有一个 Java Applet OpenGL 模拟，我正在尝试转换为 HTML5 画布。任何人都知道如何转换这些坐标？

OpenGL 从 -400x 到 +400x 和从 -600y 到 +600y，而我的画布从 0x 到 400x 和从 0y 到 600y 没有负坐标。

我正在尝试从画布中获取数据并设置 img 元素的 src 属性。这里的问题是，画布有一个用 css 设置的背景图像，而不是用画布方法。有什么方法或方法可以提取背景图像，以便 toDataURL 方法可以捕获它？

谢谢

关于 HTML5 画布，我有一个问题。

是否可以在 HTML5 画布上更改子路径的起点和终点？我的意思是，我想改变一个我已经通过拖放绘制的形状。

提前感谢，任何提示！

我正在使用 HTML5 画布实现免费绘图。目前一切正常。我为每个鼠标移动使用 moveTo() 和 lineTo()。我必须微调绘图；

当我画一些曲线，如快速移动的线条时，绘图会像直线的关节一样被绘制。有没有其他的绘图方法，使绘图更流畅？

有没有办法防止画到画布上的任何东西直到某一点才被看到？我希望能够一次绘制多个对象，然后在循环中用另一个对象和不同的复合方法绘制它们。

因为第一批绘画需要很长时间，所以在循环之前只能看到几分之一秒的结果。