-1

我试图了解人们使用画布做什么?

我在我在 Definitive JavaScript 中读到的职位发布中看到了它,但我不太明白它的用途。

我知道您可以绘制 2d 或 3d(通常是 2d)对象,但为什么不使用 Gimp 或 Photoshop 并上传图像。

是不是这样您就可以根据...用户特定的数据创建动态图像?

什么是一个实际的例子,或者可能是一个专业的画布实现的链接(Definite JavaScript 展示了基础的东西,比如画圈)。

MDN 教程

4

4 回答 4

5

我使用画布绘制图形,如果浏览器不支持,它会退回到请求 PHP 生成的图像<canvas>。将处理从服务器委托给客户端总是一个好主意,因为这样可以减少服务器的负载。换句话说,与其说服务器“这是东西”,不如说是“这是数据和显示它的指令”。

我见过的另一个用途是在鼠标悬停时突出显示图像地图的区域。

<canvas>它是 HTML5 游戏开发的核心,因为它用于绘制整个游戏视口。没有它,就没有游戏。

于 2012-09-21T16:30:32.497 回答
1

是不是这样您就可以根据...用户特定的数据创建动态图像?

是的

于 2012-09-21T16:29:55.993 回答
1

我们使用 <canvas> 为我们的电子商务商店中的服装构建交互式设计编辑器 — http://printio.ru/tees/new

直到最近,我们提供的那种交互性只能通过 Flash 实现。

即使在后端,我们也使用 Node.js 和基于 <canvas> 的图像处理+生成从在线编辑器中获取数据并创建稍后在商店中使用的设计。这些画布生成的设计最终被打印在 T 恤、马克杯、帽子、包等上。

我认为这是一个非常实际的例子:)

这一切都是通过Fabric.js 画布库(也是我们开发的)完成的。

于 2012-09-21T19:04:21.460 回答
0

<canvas>用于更好的性能。<canvas>比 jpeg 或其他任何东西都更快、更动态。示例: http: //www.profistart.com/internetseiten.html这里<canvas>用于背景。

于 2014-10-01T21:57:01.877 回答