iw,ih:元画像での表示する部分の範囲指定でも、これでは「最初は画像が表示されず、もう一度クリックすると表示される」という状態になります。それは、上のTでは、最初のクリック時点では、「画像が読み込まれないうちに表示させる」ことになるからです。再度クリックしたときは、以前のクリックで画像が読み込まれているので、表示できたのです。このような「カッコ悪い」のを避けるために、次のように修正します。┘ここのTのimg.onloadは、「画像が読み込まれたら~」の意味です。画像が読み込まれるまで待ってからdrawImageを行うのです。これにより、最初のクリックで画像が表示されるようになります。Sでの赤字部分の変更は、必須ではありませんが思わぬトラブルを避けるためのものです。最初に画像がロードされた時であれば、Tのloadイベントが発生しますが、いったん画像がロードされるとキャッシュされ、それ以降はloadイベントが発生しなくなります。Canvasのページを表示した後、別のページに移動して、再度、Canvasのページに戻った場合、loadイベントが発生しないので、画像が表示されないことになります。それを避けるための、画像ファイルにその時点の時刻をつけた(赤字)を追加した名称にして、キャッシュしてある画像ではなく、新しい画像だということにしてloadイベントを発生させるのです。180);Vにより文字列が表示されます。指定がなければ、文字列の左端の表示座標になります。Wを指定することにより、中央あるいは右端の座標とすることができます。ここでは☆の位置がそれにあたります。Uにより、文字のフォントを指定できます。色指定についてctx.strokeStyleやctx.fillStyleなどの色指定には、二つの形式があります。"red";のように、色名称を用います。透明度の指定はできず、「透明度なし」になります。透明度は、透明度なし=1、完全透明=0「CANVASの基本(1)」でのピクセル情報では、255~0でした。表記が異なるだけでなく、透明のときに背景の色との混色が行われるなどの違いがあります。