当前位置:  开发笔记 > 编程语言 > 正文

如何在Safari中的<canvas>标签上绘制文本

如何解决《如何在Safari中的<canvas>标签上绘制文本》经验,为你挑选了1个好方法。

我一直在尝试使用标签绘制简单的图表和图表,到目前为止,它很容易使用.我想到了一个问题.我无法弄清楚如何在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中不受支持.这只是目前缺失的东西,还是一些保密的秘密?



1> Brian Campbe..:

我不相信Safari 3.2支持在画布中渲染文本.

根据这篇博客,Safari 4 beta支持基于HTML 5 canvas文本API将文本重新发送到画布.

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



推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有