
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ハートをエロくする - Qiita
プログラム人生の中で一度はハートを描いてくれって言われたことありませんか? ハートを描いてみる と... プログラム人生の中で一度はハートを描いてくれって言われたことありませんか? ハートを描いてみる というわけで早速ハートを描いてみます。 オーソドックスなハートってこんな形な気がします。 これ、こんな風に点をとって描いてます。 原点をハートの先っちょに持ってってやって、ハートの幅を w、高さを h として図をみると、右半分のパスは次の3つで書けそうです。左半分はそれの鏡像でいいでしょう。 三次ベジエ:(0,0)-(x,y)-(w/2,y1)-(w/2,y2) 円弧:(w/2,y2)-(w/2,h)-(x1,h) 円弧:(x1,h)-(x2,h)-(0,dy) canvas.getContext( '2d' )で取れるCanvasRenderingContext2Dにハートの形のパスを構成するheartPathを仕込んじゃいましょう。 円弧を描く CanvasRenderingContext2