Home/ Questions/Q 175301
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T13:40:28+00:00

I’ve been experimenting with using the <canvas> tag for drawing simple diagrams and charts,

  • 0

I’ve been experimenting with using the <canvas> tag for drawing simple diagrams and charts, and so far it’s pretty easy to work with. I have one issue thought. I can’t figure out how to draw text on a <canvas> in Safari. In Firefox 3.0, I can do this:

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();   } }

I’ve seen reference to a fillText() method in Apple’s Safari docs, but it doesn’t appear to be supported in Safari 3.2. Is this just something that’s currently missing, or is it some well-kept secret?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. I don’t believe that Safari 3.2 supports rendering text in the canvas.

    According to this blog, Safari 4 beta supports rending text to the canvas, based on the HTML 5 canvas text APIs.

    edit: I have confirmed that the following snippet works in Safari 4 beta:

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