画布的主要目的是什么？

Question

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

看来有两种方式。

CSS转换和Canvas。

我的印象是画布用于图形b.c.它以立即模式运行，如html5文章所示。

所以，我计划使用CSS3转换，如SO post所示。

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

Answer 1

是的，你是对的 - <canvas>用于图形。它就像<img>一样，只能用脚本语言动态绘制它。从可访问性的角度考虑 - 您是否愿意使用（花哨的）CSS或photoshop生成的图像来对文本进行炫酷的效果？

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

Answer 2

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

1. 如果您使用标准文本和div
，SEO会更好
2. 如果将文字渲染为画布
，辅助功能将不会那么好

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