HTML5のcanvasに非対応なブラウザ(IE等)でも canvas 機能の多くに対応させる uuCanvas.js がかなり便利そうで使っていましたが、context.fillTextの呼び出しで TypeError が発生する箇所がありました。

うまくいっている箇所はうまくいっていますし、他方の excanvas.js では fillText 自体をサポートしていないということで、解決作を探していましたが、第一引数を明示的に文字列にしていないことが原因と分かり安心しました。以下、numValueに数値の値が設定されている場合の例です。

  //TypeErrorが起る
  context.fillText(numValue, 5, 10);

  //String()で文字列であることを明示すれば正常に動作する
  context.fillText(String(numValue), 5, 10);

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です