描画アプリケーションがあります。キャンバス上の描画を追跡し、次のようなものを使用してレンダリングします。
canvas.moveTo(x[0]-1, y[0]);
for(var i=0;i<x.length;i++)
{
canvas.lineTo(x[i], y[i]);
canvas.moveTo(x[i], y[i]);
}
このように、マウスを「ストローク」すると、マウスでキャンバスにアクセスした順序で一連の線が描画されます。
ただし、これは正しく表示されません。lineJoin が設定されているため、途切れ途切れに見え、間違いなく「丸」ではありません。moveTo
代わりに、ループ内のそれぞれでクロージング、ストローク、および新しいパスを作成することで、これを解決できます。ただし、これは恐ろしく遅いです。
線が非常にブロック状で奇妙な方法で描画されるのはなぜですか?