问题标签 [html5-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 投票
1 回答
1144 浏览

html - Android 平板电脑和 HTML5 画布无法正常工作

我有一个 Android Asus Eee Pad Transformer android。

我的问题是我创建了一个 html5 画布来使用触摸进行绘制,而我得到的只是一个点,无法绘制。

这与浏览器或平板电脑有关吗?

有人对可能出现的问题有任何想法吗?

0 投票
1 回答
8633 浏览

html - HTML Canvas - 绘制曲线箭头

我正在尝试在 html 画布中绘制弯曲的箭头。我画一条曲线没有问题,但我不知道如何把它放>在线的末端(方向)。

我的想法是在最后取一小部分线并画一个三角形。如何获得直线中一点的坐标?

下图是为了更好的理解。

带箭头的曲线

0 投票
3 回答
4200 浏览

javascript - 将 html5 画布元素保存到文件(本地)

我正在 Android 上做一个 webapp,我有一个 HTML5 Canvas,用户可以在上面使用触摸事件绘制他想要的东西。我想把它保存在 sdcard 上,所以在本地。并且不能使用任何服务器端脚本(php 等)来做这些事情。

我正在使用一个magictouch.js例子:

但是我在 Internet 上遇到的所有示例都与服务器上的 php 脚本一起使用,以将画布解码并保存为图像。实际上只是想在我的 Android 设备上,在我的 SD 卡中,通过使用 HTML5/Javascript 来做到这一点......

谢谢。

0 投票
2 回答
993 浏览

javascript - 如何判断浏览器是否为 HTML5 Canvas 提供硬件加速

有什么方法可以确定浏览器是否使用硬件加速来渲染 HTML5 画布?这对于启用/禁用某些昂贵的功能很有用。

0 投票
4 回答
47038 浏览

javascript - 是否可以创建没有 DOM 元素的 HTML 画布?

我想要一个 HTML 画布上下文,我可以在屏幕外绘制和阅读(在这个例子中,写文本和阅读创建的形状,但这是一个普遍的问题)。我可能还想使用画布作为屏幕外帧缓冲区。

我想我可以创建一个隐藏的 DOM 元素,但我宁愿从 JavaScript 创建它(我可能想在运行时创建和销毁一些画布)。

可能的?

0 投票
1 回答
332 浏览

javascript - 在 Web 应用程序中绘制矩形以显示窗口中的屏幕位置

我有一个这样的输入字符串:

这基本上是我从我的 c# 程序获得的输入,它获取我的屏幕坐标。

括号中的数字是右下角和左上角点的坐标,定义了一个矩形。例如:

表示第一个屏幕的尺寸为 1280 x 1024,从左上角 (0,0) 开始。旁边是第二个屏幕,左上角坐标为 (1280, 0),右下坐标坐标为 (3200, 1080) - 它们形成一个矩形。

我要做的就是在 Web 应用程序中绘制这些屏幕 - 没有什么比两个不同颜色的矩形更合适的了。现在,我做了一些研究,发现 html5 画布可能是要走的路,但我想听听您的想法,也许可以推动我朝着正确的方向前进。如果您能提供一些 jsfiddle 示例,将不胜感激!

0 投票
2 回答
10123 浏览

android - Android 浏览器和在 HTML5 画布上绘图……有人做过吗?

有没有人能够使用 Android 平板电脑在 html5 画布上绘图?

我不明白为什么不能在画布上绘图?

可能是浏览器还是实际的触摸屏?

任何有平板电脑的人都可以尝试在此页面上提供的 HTML5 Canvas 演示上涂鸦吗?

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

0 投票
2 回答
9237 浏览

javascript - 为 HTML5 画布上的图像动态添加边框

我有一个包含图像的画布,我每次都重新绘制低 1 个像素以产生坠落的效果。我有一个数组中的图像,我只是将它们放置在低 1 个像素而不重新创建图像。

是否可以为达到某个点的图像动态添加边框,如果可以,如何?

0 投票
3 回答
14503 浏览

javascript - 使用 HTML5 Canvas 进行真正的等距投影

我是 HTML5 Canvas 和 JavaScript 的新手,但是有没有一种简单的方法可以在 HTML5 Canvas 元素中进行等距投影?

我的意思是真正的等距投影 - http://en.wikipedia.org/wiki/Isometric_projection

谢谢大家的回复。

0 投票
2 回答
815 浏览

javascript - 控制画布中的文本大小 (textarea)

我想创建一个显示来自 textarea 的文本的画布。我在控制 textarea 中的文本大小时遇到​​问题。换句话说,我希望用户选择文本的大小,然后将其写入文本区域,一旦单击按钮,文本区域就会显示在画布上。

我尝试了这段代码,但有一个问题我不知道它是什么。这是代码示例: