问题标签 [canvas]

将单击事件处理程序添加到将返回单击的 x 和 y 坐标（相对于画布元素）的画布元素的最简单方法是什么？

无需兼容旧版浏览器，Safari、Opera 和 Firefox 即可。

我在<canvas>iMac 上使用 Firefox 2.0.0.16 和 Safari 3.1.2 中的 HTML5 元素。（我也在 Windows 上的 Firefox 3.0 中尝试过，但也无济于事。）标签如下所示：

我有一个按钮来“激活”一些与画布交互的功能。该按钮的onclick()事件调用一个函数。在该函数中，我有以下行：

这不起作用。Firebug 报告没有错误。但焦点仍然在原处。我可以单击画布或朝向画布的选项卡，焦点将从其他元素中丢失，但显然永远不会被画布获得（画布的onfocus()事件永远不会触发）。

我觉得这很奇怪。是画布根本无法获得焦点，还是我在这里遗漏了什么？任何见解将不胜感激。

谢谢你。

如何从服务器获取图像？

我有这段代码可以让我在画布上绘制一些图像。

我不想循环遍历 document.images，而是想不断地从服务器获取图像。

我一直在阅读关于这个用于 HTML5 的新 Canvas 元素有多棒的文章，并且我看到了仅使用 javascript 而不使用 flash 完成的令人惊叹的演示。我在哪里可以找到一些关于如何自己做这些事情的好信息？

我正在考虑制作一个使用相当密集的 JavaScript/canvas 的网站，并且我一直在研究Processing.js，在我看来，它会使操作画布变得更加容易。有谁知道我不应该使用 Processing.js 的任何原因吗？我知道旧的浏览器将无法使用它，但现在没关系。

我创建了一个网页，让您输入一些信息，然后根据该信息在画布元素中绘制图像。除了打印之外，我几乎可以按照我想要的方式工作。

有没有办法打印出画布元素或创建一个新的窗口来绘制，这是唯一的方法吗？

更新：

答案很简单。我在想一个更复杂的解决方案。

我希望我可以选择超过 1 个答案。当我使用 * 禁用显示时，我无法打印画布。最简单的解决方案是关闭我用于输入的表单，在@media print{} 内的 CSS 中使用表单 {display:none;}。感谢您及时的回复。

我正在玩<canvas>元素，画线等。

我注意到我的对角线是抗锯齿的。对于我正在做的事情，我更喜欢锯齿状的外观 - 有没有办法关闭这个功能？

我正在寻找通过 HTML 画布元素呈现丰富的 2D 图形的 Web 应用程序的成功和失败案例。我在网上看到了一些有趣的示例，但想了解一些使用这种方法完成的实际开发示例。

我有一个用 Java 编写的简单 GUI 组件。该类在 java.awt.canvas 中绘制一个模拟时钟。
然后这个画布被包含在一个 JFrame 中——我想做的是给画布一个 3D“凸起”效果——就像给照片添加阴影一样。有没有一种简单的方法可以做到这一点？

我在面板中有一个主画布“黑板”，这个画布本身有几个孩子，如工具栏（图块）、标签和一些皮肤。

问题是，当我移动到矩形工具并开始绘制矩形时，如果我想在单击其他工具（例如“圆形”或“选择”）时更改工具，则按钮不会捕获单击事件，而是画布将抓住鼠标并开始绘图。

就像图片上一样。因此，一旦开始绘图，我就无法更换工具。

替代文字 http://www.freeimagehosting.net/uploads/397a7cd49e.png

我怎么能让画布在工具上时不做出反应，或者我怎么能让按钮先捕捉到点击并告诉画布不画任何东西。

当然，我可以将工具栏放在画布上以外的其他地方，但由于空间很重要，我希望按钮位于画布上。

我愿意接受任何建议。

=== 这里有一些代码来展示它是如何在内部工作的。===

工具栏是包含在磁贴中的按钮列表。画布“黑板”链接到几个事件处理，特别是鼠标上下移动以绘制形状。

工具栏也听点击