在画布中绘制文本

时间:2011-08-16 17:25:43

标签: javascript html5 canvas

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

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

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

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

1 个答案:

答案 0 :(得分:0)

我只知道FLOT Canvas Text plugin for jquery

但如果我是你,我仍然会使用<span>,因为它会对搜索引擎友好。您可以使用element.innerHTML或element.innerText轻松获取跨度(或大多数)元素的文本,具体取决于对象。然后你可以处理/传递它。例如对于诸如

之类的跨度
<span id="myspan"> lorem ipsum </span>

我可以说

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