タグ

2012年8月2日のブックマーク (2件)

  • appendChildに失敗する原因 | Like@Lunatic

    最近はJavaScriptをいじってるのが楽しくなってきたのでそんなネタでも。 ノードをDOMツリーに追加するappendChildメソッド。当然ですが、ノード以外のものを追加しようとするとエラーになってしまいます。 例えば文字列を追加しようとした場合、Firebugのコンソールではuncaught exception:…とかいうエラーが出ます。数行に渡って激しく怒られるため、最初は一体何事かと思いました。 例えば<p id="result">appendChild</p>というp要素があってそこにappendChildしたいとすると… window.onload = function() { var result = document.getElementById('result'); var string = '成功!!'; result.appendChild(string); //

    appendChildに失敗する原因 | Like@Lunatic
    hanabi_hibana
    hanabi_hibana 2012/08/02
    文字列を追加したいときの、innerHTML と createTextNode
  • Canvas APIの基礎

    もともと、Appleが主にDashboardウィジェットの描画のためにWebKitに導入したCanvas API。サンプルコードと見比べながら、効率良く学習しよう Canvas APIの基礎 連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。今回はHTML5のcanvas要素で使える2次元描画コンテキスト、俗にいう「Canvas API」を取り上げます。 Canvas APIは、もともとAppleが主にDashboardウィジェットの描画のためにWebKitに導入したものです。それがFirefoxやOpera、Internet Explorer(9以降)に実装され、現在はW3Cによって標準化が進められています。JavaScriptのメソッドで直接図形を描画するのが特徴で、ビットマップ画像の加工や、ゲームのようなインタラクティブ性の高いアプリケーションに向

    Canvas APIの基礎
    hanabi_hibana
    hanabi_hibana 2012/08/02
    Canvasの基礎