タグ

ブックマーク / www.html5.jp (5)

  • clip() メソッド - Canvasリファレンス - HTML5.JP

    clip() メソッドは、非ゼロ巻数規則を使って、現在のクリッピング領域と現在のパスで描画された領域とが重なる部分を計算して、新たなクリッピング領域を生成しなければいけません。開いたサブパスは、クリッピング領域を算出するときに、暗黙に閉じられなければいけません。実際のサブパスには影響しません。新たなクリッピング領域は、現在のクリッピング領域を置き換えます。 コンテキストが初期化されるとき、クリッピング領域は、左上端が (0,0) で座標空間の幅と高さを持つ矩形にセットされなければいけません。 原文:http://www.w3.org/TR/2010/WD-2dcontext-20100624/#dom-context-2d-clip サンプル clip() メソッドは、呼び出される直前までに生成されたサブパスの図形で、切り取り窓がセットされると考えてください。clip() メソッドは、切り

  • Canvasの使い方 - Canvas - HTML5.JP

    このコーナーでは、Canvasを使うにあたっての事前準備と、簡単な使い方をまとめました。 ExplorerCanvasのダウンロード Internet ExplorerはCanvasに対応していません。そのため、Googleが提供しているExplorerCanvasというJavaScriptライブラリをダウンロードしましょう。0002 ExplorerCanvasダウンロード 2009/03/24現在、ExplorerCanvasの最新版は Release 3 です。excanvas_r3.zip をダウンロードし解凍すると、excanvas.jsというファイルがあります。実際に使うのは、このファイルのみです。このファイルを、Canvasを使うHTMLファイルと同じ場所に設置しておいてください。 HTMLの準備 Canvasを使うHTMLでは、excanvas.jsをロードするようscri

    tomoworks
    tomoworks 2012/11/06
    canvasをIEでも使えるようエミュレートするjs。
  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • Canvasとは - Canvas - HTML5.JP

    Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。 実際に、Canvasを使って円グラフを作ってみました。上図はFirefox 2.0での結果をキャプチャーしたものです。Canvasで描かれたのは色がついた図形部分です。Internet Explorer 6以上、Firefox 1.5以上、Opera 9以上、Safari 1.3以上であれば、実際のCanvasの動作をご覧頂くことができます。 [Canvasを使った円グラ

    tomoworks
    tomoworks 2012/01/18
    ブラウザ上に図を描くために策定された仕様Canvasについて
  • 名前空間宣言は何ですか? - WHATWG FAQ - 日本語訳 - HTML5.JP

    一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日語訳は、私が理解を深めるために、自分なりに日語化したものです。語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文:http://blog.whatwg.org/faq/ (2011 年 1 月 21 日版) 翻訳日:2011/01/25 最終更新日:2011/01/25 概要 WHATWGが公開しているHTML5のFAQです。HTML5の目的や存在意義といった大枠の話から、要素の記述方法といった細かい話まで、さまざまな方面

    tomoworks
    tomoworks 2012/01/17
    「HTML の空要素(たとえば、br, img, input 要素)に終端スラッシュをいれる必要はありません」すごく基本なのに忘れてた。
  • 1