IBM DeveloperIBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
CanvasRenderingContext2D - Web APIs | MDN
The CanvasRenderingContext2D interface, part of the Canvas API, provides the 2D rendering context for the drawing surface of a <canvas> element. It is used for drawing shapes, text, images, and other objects. The interface's properties and methods are described in the reference section of this page. The Canvas tutorial has more explanation, examples, and resources, as well. For OffscreenCanvas, th
ベジェ曲線で楕円を描く(3)
続き。HTML5のCanvasで楕円を何とかして描く。まず楕円の持ってるパラメータは以下のようなかんじ。aがx方向の軸の長さ、bがy方向の軸の長さ。 楕円の方程式を媒介変数を用いて表すと、 この式を前回の円の式と同様にt=0.5としてベジェ曲線の式と連立させて解くことで制御点の座標を求める。制御点のパラメータは円の場合はxとyともに同じだったが楕円の場合は別々に求める。 前回と同様にしてmとnを求めると この値を使ってベジェ曲線で楕円を描いてみる。 右の楕円は直線で100分割して近似して描いたもの。ほとんど同じなので多分あっている。でも直線で100分割程度で十分きれいな楕円が描けるならわざわざベジェ曲線で描く意味がなかったかも。ちなみにSketchpadの楕円は直線で描いてるみたい。 とりあえずソースコード載せときますね。CanvasのstrokeRectライクに使えるようにCanvasR
初めてのHTML5ゲーム作成
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告（Google Adsense社の広告）サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://www.html5canvastutorials.com/
http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.png