エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
パスを使って図形を描画する - Canvasのサンプル - HTML5 JavaScript API入門
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
パスを使って図形を描画する - Canvasのサンプル - HTML5 JavaScript API入門
パスを使って図形を描画するには? パスを使って図形を描画するには?解説 コンテキストに対してパス(... パスを使って図形を描画するには? パスを使って図形を描画するには?解説 コンテキストに対してパス(線をつなげて得られる形状)を設定し、そのパスを使って、Canvasにいろいろな図形を描くことができます。 【線の描画】 線を描画するには、次のようにします。 context.beginPath(); // パスを始める context.moveTo(10,20); // 始点を決める context.lineTo(150,60); // 線を引く context.stroke(); // 実際に描画する Canvasに線を描画するには、あらかじめ設定したパスに沿って、stroke()メソッドで線を描画します。 パスを設定するには、beginPath()メソッドでパスの開始を宣言し、moveTo()メソッドで始点を決め、そこから各地点の座標を決めていきます。 上の例を実行すると、(10,20)か