0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

getContext('2d')がnullになる問題

Posted at

htmlにおいて、描画をする際にgetCOntect('2d')を使う時に、
なぜかnullになる事があった。

この問題がややこしい点としては、たまに取得できるし、たまに取得できない。ような事も発生する。とにかく解決しない。

でおそらく、普通にdocument ready や onload の中に「書け」というアンサーが多いのだが、そもそも途中でボタンをおして取得をする行動においてnullだったので、htmlを読みに行けてないという事ではない。毎回ダメではないので記述が間違っているわけではない。

settimeoutの中にいれたらダメだったなども聞いたりもしたけど、1点、ポイントとしては、1度取得できると、保持はしてくれる。という点があった。

drawImage()みたいのをした時にnullですよー。ってなる。ので、

$(document).ready(function(){
ここでgetContect('2d')を取得
});

で使う時まで保持しておく。

であわよくば、この時に一回fillRectとかで書くよ。って宣言すると、メモリ領域に「このキャンバスは使うよ」って宣言してくれるみたいで、問題なく動作をして必要な時によんでくるだけ

そんな問題があった。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?