2016-07-26 18 views
0

HTML5キャンバスを使用してAndroidで実際に起こっている奇妙な効果があります。複数回HTML5キャンバスのAndroidピクセル

ctx.beginPath(); 
ctx.strokeStyle = wave.stroke; 
ctx.moveTo(wave.sx, wave.sy); 
ctx.quadraticCurveTo(
    wave.x, wave.y, 
    wave.ex, wave.ey 
); 
ctx.stroke(); 

そして、それはそれ自身の上に描画します:ここで http://codepen.io/EightArmsHQ/pen/9f899c4c64ab49113988055432b11a6b

それがiPhone上にある:

iPhone version

ここで問題のコードは、それが使用される二次曲線です

ここはAndroid版です:

Android version

私はAndroidだと言っていますが、ギャラクシーS6では超滑らかだと聞いています。

一般的にグラフィックス(GPUなど)にはあまりよく慣れていないので、私はグーグルでなければならない用語についても少しはっきりしています。

答えて

1

あなたが見ているものは、aliasing人工物です。カーブは1ピクセル未満であり、何らかの理由でラスタライズがこれらの一部を完全に見逃している可能性があります。これは、線やベジェが私にとってうまくいくように見える間に、二次曲線を描くときに明示的に見えるので、これらを使って近似することができます。

関連する問題