问题标签 [html5-canvas]

我的简单 HTML 页面中有一个画布元素，它使用context.fillRect() 方法绘制的矩形很少。我需要与这些绘制的矩形进行交互。

我该怎么做？如何将 onclick 或 onmouseover 与这些矩形绑定？

我可以描边一条路径，使其不在屏幕上绘制而是转换为新路径吗？如果是这样，怎么做？

我正在尝试探索如何制作 3D 立体图像（红色/青色）。我正在使用 HTML5<canvas>元素进行绘图。

问题是我无法找出到底应该使用什么颜色。另外，我不确定如何组合颜色。

目前我有以下代码：http: //jsfiddle.net/eGjak/15/。问题是我无法为红色部分使用正确的颜色。无论我选择多少红色，我的眼镜仍然让红色穿过眼镜的红色部分。然而，青色并没有穿过我眼镜的青色部分。似乎它也取决于背景颜色 - 有人可以对此有所了解吗？

其次，我应该如何结合红色和青色？我目前将颜色相加，但这会导致白色，因为红色是(255,0,0)，青色是(0,255,255)。在示例图像上，它们似乎加起来是黑色的——这怎么可能？

那么，我应该为红色部分使用什么颜色？以及如何将它们相互重叠的红色和青色部分组合起来？

我有一个 HTML5 画布。我 .toDataURI 它并使用 AJAX 将其发送到 PHP。PHP 将其存储在数据库中。

然后我有一个不同的页面，它有一个 img 元素来从数据库请求数据并呈现它。但它……不会。数据打通了，我可以用浏览器的查看源码功能看到：

（已添加省略号）

它没有被截断或任何类似的愚蠢行为，我在每个脚本中都有 document.write 和 echo，从画布生成数据的位置到嵌入最终元素的位置，并且它完全完整地通过。

我已经用其他来源生成的图像 URI 进行了尝试，没有问题。我已经在 Chrome 12 和 Firefox 5 中对此进行了测试，两者的行为是相同的。

最后一个奇怪的是，当画布完全空白时，它生成的图像数据会显示：我得到一个与原始画布尺寸相同的空白图像。但是一旦我在上面画了任何东西，什么都没有。只是熟悉的小错误加载图像图标。

这是我的接收端代码：

http://pastebin.com/Hw1ykd1i

对于发送端：

http://pastebin.com/hwsEfsaD

目标是每隔几秒钟更新一次且不需要刷新页面的折线图（它将从服务器上更新的单独文件中获取信息）。是否有任何 JavaScript 库（JQuery 除外）可以使这变得容易？任何人都可以在网页上展示一个例子吗？

数据以固定的时间间隔更新。如果可能的话，最好只使用 CSS HTML5 和 javascript。

我可以用画布制作简单的动画。但是我必须在绘画前清洁每一帧，这会使绘画变慢（fps ~ 15）我尝试使用 2 个画布，但没有成功。你知道如何提高fps吗？我可以使用缓冲吗？如何？

如何在 html5 画布中对齐文本以证明“？在下面的代码中，文本可以左/右/居中对齐。我需要设置align="justify"。请建议如何做到这一点？

HTML：

JS：

什么是getContext()方法，什么是绘制上下文？为什么我们总是将字符串传递2d给getContext()方法？

如何在（打包的）Chrome Web App 中访问用户从文件系统中选择的文件？

我正在编写一个图像操纵器应用程序，并且需要在元素中绘制选定文件的<canvas>内容。

这可能吗？如果可以，怎么做？

它有三幅画布A、B和C。

A是控制画布。B你会注意到缩放在方向上平移，但B在Firefox 中缩放仅在方向上平移。哪个实现是正确的？xyx

还要注意旋转的C. 在 Chrome 中它看起来非常丑陋，但在 Firefox 中它看起来很好。我该如何解决？

我有最新的 Chrome 和 Firefox 5。

编码

可以在这里找到一个工作示例