问题标签 [html5-canvas]

我遇到了以下问题。我正在为一些模板实现一些编辑器之王。该编辑器的主要功能是将一些矩形（代表一些表格）拖到新位置并保存。

每个矩形都有它的名字。我想在里面显示带有文本名称的矩形，然后拖动里面带有文本的矩形。

如果没有任何棘手的解决方法，这样的对象组是否可行？

我正在尝试使用 canvas clip() 方法将图像剪切成特定的形状。

我已按照以下步骤执行此操作：

1. 画一个矩形。
2. 在每一边画半圆。右半圆和下半圆向外突出，左半圆和上半圆向内突出。

下面提供了代码片段：

我使用的图像尺寸为 800 x 600 (png)。请帮助我理解我在这里做错了什么。

我一直在试验 HTML5 canvas api，并编写了一个脚本，可以从彩色图像创建黑白图像。

我使用的 RGB 到灰度的公式是：r * 0.2989 + g * 0.5870 + b * 0.1140

我想知道是否有人知道通过 RGB 值处理图像的更多公式。

我是使用 jQuery 创建应用程序的新手，但我对 Javascript 非常熟悉。好吧，我想做的是使用 Javascript getElementById 在 html5 画布中绘制图像。我的代码是：

包括 jQuery 和 JQuery mobile：

有问题的代码：

我还注意到我无法使用

不是任何其他 Javascript 事件，例如“onclick”。

难道我做错了什么？

使用 Chrome 12 我的游戏画得很流畅。但是 Chrome 14 似乎使用 GPU 进行绘图，对我的游戏性能产生了巨大的负面影响。

我做了一个 jsFiddle 来看看它什么时候发生，这个简单的代码已经遇到了问题：http: //jsfiddle.net/eGjak/48/。

• 在 Chrome 12 上，FPS 为 62，甚至超过了我的屏幕频率。
• 在 Chrome 14 上，FPS 约为 25。

25 FPS 是完全可以接受的，但在我的游戏中，我画得更多，而且它正在运行到大约 8 FPS，这绝对是不可接受的。我从来没有遇到过任何性能问题，但画布的 GPU 更新对我来说是一个瓶颈。

• 为什么使用 GPU 在画布上进行一些简单的绘图会慢得多？
• 我可以通过 JavaScript 禁用 Chrome 使用 GPU 吗？（或者有其他解决方案吗？）

编辑：在http://code.google.com/p/chromium/issues/detail?id=89540提交了一个错误

我正在用 HTML5画布+JS重新创建一个类似于 Tron 的旧游戏。主要区别在于蛇不会以直角转弯，它们可以曲线移动（名称为 Achtung Die Kurve）。

我需要检测碰撞，但我不知道如何。规则真的很简单，我想出或读到的一切看起来都不必要地复杂。碰撞发生在：

1. 一条蛇头先撞到另一条蛇的身体（或它自己的）身上（我强调，因为在一个非常早期的实验中，我的蛇的头一移动就会向后压成自己的“脖子”：P）。

2. 一条蛇撞到一堵墙（没有内墙）。

我该怎么办？我愿意将所需的任何数据添加到我的对象中。

我正在尝试开发一个网站，您可以在其中涂鸦元素并希望将其分享给所有使用 ajax 看到该页面的人。白板的微型版本。我知道从哪里开始。我对 Html、CSS、Javascript(Jquery) 和 PHP 有很好的理解。我有一个开始的麻烦。不知道使用什么技术和方法。

我正在使用 javascript 在 HTML5 画布中开发平台游戏。我需要一种方法来感知绘制到画布上的两个奇怪形状的 png 图像之间的碰撞。我可以用正方形或圆形来做，但这些都是奇怪形状的图像。有谁知道如何做到这一点？感觉两个奇怪形状的物体之间的碰撞？

javascript中是否有一个函数可以返回画布中图像对象占用的像素数组？无论如何要返回画布中图像对象占用的像素列表？

SVG 规范中的ARCTO与我们在Canvas中的完全不同。我有一个用例，我将根据 SVG 规范获取数据，但我需要在 Canvas 上绘制数据。

我试过这个，但我想我的几何形状很弱。你能帮忙吗？