javascript - 你如何在 Safari 中的 标签上绘制文本

Question

我一直在尝试使用 <canvas>用于绘制简单图表的标签，到目前为止，它非常容易使用。我想到一个问题。我不知道如何在 <canvas> 上绘制文本在 Safari 中。在 Firefox 3.0 中，我可以这样做:

Chart.prototype.drawTextCentered = function(context, text, x, y, font, color) {
  if (context.mozDrawText) {
    context.save();
    context.fillStyle = color;
    context.mozTextStyle = font;
    x -= 0.5 * context.mozMeasureText(text);
    context.translate(x, y);
    context.mozDrawText(text);
    context.restore();
  }
}

我看到了对 fillText() 的引用Apple 的 Safari 文档中的方法，但 Safari 3.2 似乎不支持它。这只是目前缺少的东西，还是一些保守的 secret ？

Answer 1

我认为 Safari 3.2 不支持在 Canvas 中呈现文本。

根据 this blog , Safari 4 beta 支持将文本渲染到 Canvas ，基于 HTML 5 canvas text APIs .

编辑:我已确认以下代码片段在 Safari 4 beta 中有效:

<canvas id="canvas"></canvas>
<script>
    var context = document.getElementById("canvas").getContext("2d");
    context.fillText("Hello, world!", 10, 10);
</script>