问题标签 [html5-canvas]

我想arrowTo用CanvasRenderingContext2D.prototype. 为此，我需要获取最后一点的坐标，例如

我怎样才能找回它们？

有什么方法可以获取使用上下文的画布吗？

为什么我要问是因为我正在创建一个原型函数CanvasRenderingContext2D，我需要画布元素的宽度/高度。

例如：

我正在学习 HTML5，我想学习的示例之一是在画布上创建 2 个点，我应该能够在 2 个点之间追踪一条线并将它们连接起来，这应该使用鼠标和触摸事件来完成移动设备。

是否有提供这些 API 的框架，或者是否有任何示例可供我参考？

createRadialGradient()我在 HTML5 画布上玩耍。它就像一个魅力，除非我试图实现（半）透明。

我制作了这个 jsFiddle 是为了让事情变得更清晰：http: //jsfiddle.net/rfLf6/1/。

正在发生的事情是一个圆圈（径向渐变）(x, y)用半径绘制，r颜色停止是r和'transparent'。然而，绿色圆圈从绿色变为黑色，而它应该变为透明，即背景圆圈的适当红色。

如何在 HTML5 画布上实现透明径向渐变？

我正在尝试在充满图像部分的画布上绘制圆圈。想象一下单击白色画布，用户单击的位置会显示照片的一部分。

我找到了绘制 1 个圆圈的方法，但无法成功使用它来绘制多个圆圈。如果我用其他坐标重复该动作，则绘图不会发生。

关于如何实现这一点的任何想法？谢谢你。

稍后编辑（使用的整个确切代码）

如何使用 HTML5 画布在 webkit 浏览器中绘制黑色阴影？

动态创建元素并能够移动它们的最佳方法是什么？例如，假设我想创建一个矩形、圆形和多边形，然后选择这些对象并移动它们。

我知道 HTML5 提供了三个可以实现这一点的元素：svg、canvas和div。对于我想做的事情，其中​​哪一个元素将提供最佳性能？

为了比较这些方法，我正在考虑创建三个视觉上相同的网页，每个网页都有页眉、页脚、小部件和文本内容。第一个页面中的小部件将完全使用canvas元素创建，第二个页面完全使用元素创建svg，第三个页面使用普通div元素、HTML 和 CSS。

我正在尝试用画布绘制二次曲线。这是代码：
HTML：

JavaScript：

但是结果真的很丑，第一，线条太粗，第二，别名太明显了....我该如何改善呢？
你可以在这里看到效果：http: //jsfiddle.net/7wNmx/1/

我正在编写一个程序来绘制sine curve画布。
HTML：

JavaScript：

这真的很好用：http: //jsfiddle.net/HhGnb/

但是，现在我只能为画布宽度提供 100 像素，因此只能看到曲线最左边的 100 像素。http://jsfiddle.net/veEyM/1/
我想存档这个效果：当曲线的右边点大于画布的宽度时，整个曲线可以向左移动，所以我可以看到最右边的点曲线，有点像曲线向左流动。我可以这样做吗？

有许多 JavaScript 片段可以使文本或图形沿着圆形路径移动，其中字母或单词始终直立。

示例：http ://www.dseffects.com/f_scripts.html

我想让文本（或图形）以月球绕地球运行的方式运行一个点，其中一个面始终朝向中心。以下示例显示了这一点，但非常粗略且不使用网络字体。

示例：http: //javaboutique.internet.com/text/Manipulation/TextRotor/

我确信有一种方法可以像第一个示例一样修改轨道代码（只是不在光标周围），以便每个字母/图像保持一侧朝向中心（轴）。