画布的主要用途是什么？

Question

我正在尝试决定如何实现弯曲文本。

看起来有两种方式。

CSS转换和画布。

我的印象是画布是用来做图形的。它以即时模式运行，如这篇html5文章所示。

因此，我计划使用此SO post中所示的CSS3转换。

我只是想确认或者不确认canvas的主要目的--它是为了高效的图形。

Answer 1

是的，你是对的-- <canvas>是用于图形的。它的工作原理就像一个<img>，只是你可以用脚本语言在它上面动态绘制。从可访问性的角度考虑-你更愿意使用(花哨的) css或photoshop生成的图像来获得很酷的文本效果吗？

您决定不使用if for text是可以的。使用CSS转换，您仍然可以选择文本，或者通过DOM轻松地操作它，而不需要重新绘制图片。

Answer 2

虽然这完全取决于您试图实现的实际文本转换，但我会尽量避免使用文本的Canvas，原因有两个：

如果您使用的是标准文本，则

1. SEO会更好；如果您将文本呈现为canvas

，则canvas将不会那么好

画布基本上是一个位图表面，你可以在许多东西上绘制，包括文本。我个人认为它最适合图形和交互式游戏。即使基本的CSS转换没有得到您想要的效果，我也会尝试使用Javascript代码操作，因为即使javascript被禁用或者没有画布支持，您仍然可以使用文本。