タグ

canvasに関するtadasatoのブックマーク (2)

  • Canvas tutorial - MDC

    このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は ApplemacOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTMLJavaScript の基的な理解が必要です。一部の

    Canvas tutorial - MDC
  • JavaScript の canvas | tnomuraのブログ

    <canvas>要素を使うと、Javascript で、ベクトルグラフィックスをブラウザ上に描くことができる。参考ページは次のページ。 Drawing Graphics with Canvas - MDC Canvas tutorial Canvas Painter ブラウザ上でお絵かき: Days on the Moon このほかにも、JavaScript でできるグラフィックスには、マイクロソフトの VML や W3C のSVG などがあって、実装や互換性の問題がまだまだ多いようだ。要するに、canvas も含めて、JavaScript のグラフィックスについては、発展途上という所だろう。 しかし、それを考慮しても、JavaScript はすでにグラフィックの描画能力も身につけているのだ。 そうなってくると、JavaScript を使いこなすということは、プログラム言語の使い方を覚える

    JavaScript の canvas | tnomuraのブログ
  • 1