Hatena::Groupjavascript

JavaScriptで遊ぶよ

 | 

2011-10-10

Firefox の WebGL がなんか変

19:45

  var size = 200
  var canvas = document.createElement('canvas');
  canvas.width = size;
  canvas.height = size;
  canvas.style.border = 'solid black 1px';

こんな感じで作った canvas 要素なんだけど、Firefox では WebGL で何かを描画しても 200px 埋まってくれない。Chrome だとこんなことはないのに。

f:id:edvakf:20111010192639p:image

いろんなピクセルで実験。

250

f:id:edvakf:20111010193025p:image

右下がちょっと開いてるのがわかる

256

f:id:edvakf:20111010193121p:image

ぴったり。

257

f:id:edvakf:20111010193217p:image

どうやら「width/height の数字以上で最小の 2^n 型の整数」の正方形に描画して、それを無理やり縮小してるみたい。

300

f:id:edvakf:20111010193418p:image

500

f:id:edvakf:20111010193531p:image

ぴったりじゃないのでぼやけてる。

512

f:id:edvakf:20111010193627p:image

ぴったり&くっきり。

トラックバック - http://javascript.g.hatena.ne.jp/edvakf/20111010
 |