在画布中绘制文本

Question

我需要在画布中绘制文本,但是当前的fillText实现过度复杂了我需要的许多功能(比如能够绘制多行).

因为我需要稍后从画布复制像素,所以必须在画布中绘制它,它不能是span画布上的元素.

能够使其可编辑是一个优点,但不是必需的.

是否有任何库提供高级功能来在画布中绘制文本？(它必须至少在IE9,Firefox,Chrome和Opera上运行)

Answer 1

我只知道jquery 的 FLOT Canvas Text 插件。

但如果我是你，我仍然会用 a 来做，<span>因为这样对搜索引擎友好。您可以根据对象使用 element.innerHTML 或 element.innerText 轻松获取跨度（或大多数）元素的文本。然后你可以处理/传递它。例如对于一个跨度，例如

<span id="myspan"> lorem ipsum </span>

我可以说

spanText = document.getElementById("myspan").innerText;