javascript - Javascript: キャンバス オブジェクトのストロークを非表示にする

Question

これはばかげた質問ですが、キャンバス オブジェクトのストロークを非表示にするにはどうすればよいですか? 幅を 0 に設定しても意味がありません (細いが、表示されます)。また、ストロークをどの色に変更すればよいかわかりません。

Answer 1

不透明度をゼロに設定すると、その効果が得られます-つまり：

ctx.strokeStyle = "rgba(1, 1, 1, 0)";

http://jsfiddle.net/alnitak/jYjmn/のデモ

Answer 2

alnitak が示唆するようにストロークを完全に透明に設定するのも 1 つの方法ですが、もう少し適切な (そしてよりパフォーマンスの高い) 方法は、単純に stroke() を呼び出さないことです!

パス (およびすべてのサブパス) は、ストロークを呼び出さない場合でも存在し、必要に応じてパスを塗りつぶしたり追加したりできます。