javascript - 在 Canvas 中绘制文本

标签 javascript html canvas

我需要在 Canvas 上绘制文本,但当前的 fillText 实现使我需要的许多功能过于复杂(例如能够绘制多条线)。

因为后面需要从 Canvas 上复制像素,所以必须在 Canvas 上绘制,不能是 Canvas 上的span元素。

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

是否有任何库提供在 Canvas 中绘制文本的高级功能? (它必须至少在 IE9、Firefox、Chrome 和 Opera 上工作)

最佳答案

我只知道 FLOT Canvas Text plugin for jquery .

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

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

我可以说

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

关于javascript - 在 Canvas 中绘制文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7082329/

相关文章:

javascript - Ember : Back button broken

javascript - 单击两个表格单元格突出显示其内容并将其值存储在变量中

html - 在 HTML5 中用什么代替 div 元素

html - 用户界面路由器 : ui-sref not changing font color

Javascript/jQuery : remove shape/path from canvas

javascript - 使用 javascript 读取 XML 文件

javascript - SignalR 不会退回到旧协议(protocol)

javascript - 从指令中编译后,AngularJS ng-change 未触发

javascript - 我怎样才能使我的 HTML Canvas 点更自然地移动?

javascript - 使用 HTML5 和 Canvas 元素再现 Photoshop 的选取框工具