问题标签 [canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
22 回答
325004 浏览

javascript - 如何获取鼠标单击画布元素的坐标?

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

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

0 投票
1 回答
19514 浏览

javascript - 如何将焦点设置到 HTML5 画布元素?

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

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

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

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

谢谢你。

0 投票
6 回答
33035 浏览

javascript - 如何获取远程图像以显示在画布中?

如何从服务器获取图像?

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

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

0 投票
6 回答
648 浏览

javascript - 我在哪里可以找到有关新 canvas HTML 元素如何工作的一些有用信息?

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

0 投票
5 回答
3193 浏览

javascript - 使用 John Resig 的 Processing.js 是否合理?

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

0 投票
3 回答
4816 浏览

javascript - 是否可以只打印画布元素?

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

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

更新:

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

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

0 投票
15 回答
100689 浏览

javascript - 我可以关闭 HTML 的抗锯齿功能吗元素?

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

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

0 投票
3 回答
316 浏览

graphics - 您是否通过 HTML 画布成功处理了 2D 图形?

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

0 投票
2 回答
2595 浏览

java - 如何使 Java Canvas 看起来从其容器中升起

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

0 投票
2 回答
3366 浏览

apache-flex - FLEX3,点击和事件捕获,特殊情况

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

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

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

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

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

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

我愿意接受任何建议。

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

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

工具栏也听点击