タグを使って簡単な図や表を描く実験をしてきましたが<canvas>
、今のところとても使いやすいです。私は1つの問題を考えています。<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();
}
}
Apple の Safari ドキュメントでメソッドへの参照を見fillText()
たことがありますが、Safari 3.2 ではサポートされていないようです。これは現在行方不明になっているだけですか、それともよく守られている秘密ですか?