タグ

ブックマーク / developer.mozilla.org (67)

  • Drawing Graphics with Canvas - MDC

    Firefox 1.5 より、 Firefox はプログラム可能な画像のための新しい HTML 要素を含みます。<canvas> は WHATWG の canvas の仕様を基にしています。WhatWG canvas 仕様自体は Safari で実装された Apple の <canvas> を基にしています。クライアント上でグラフ、UI 要素、および他のカスタムグラフィックスの描画に使用することができます。 <canvas> は 1 つ以上の描画コンテクスト を公開した固定サイズの描画表面を作ります。現在は 2 次元描画コンテクストのみが実装されています。 3D グラフィックスの描画には、 WebGL レンダリングコンテクストを用いると良いでしょう。 始めに、2 つの交差した長方形を描く簡単な例を見てみましょう。片方の長方形は透明度を持っています。 function draw() { va

    Drawing Graphics with Canvas - MDC
    rokujyouhitoma
    rokujyouhitoma 2009/10/29
    リンク切れで宙にういているページ。
  • Canvas のコードスニペット - Code snippets | MDN

    以下の関数は、canvas 内にある r、g、b で指定した RGB 色を持つピクセルの数を返します。これは こちらのブログ記事 で説明しているように、例えばある領域と、その上にユーザーが描いた領域を比較するときにとても役に立ちます。 function getpixelamount(canvas, r, g, b) { var cx = canvas.getContext('2d'); var pixels = cx.getImageData(0, 0, canvas.width, canvas.height); var all = pixels.data.length; var amount = 0; for (i = 0; i < all; i += 4) { if (pixels.data[i] === r && pixels.data[i + 1] === g && pixels.

    Canvas のコードスニペット - Code snippets | MDN
  • Array.prototype.map() - JavaScript | MDN

    map() メソッドは、与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列を生成します。 このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。 構文 let new_array = arr.map(function callback( currentValue[, index[, array]]) { // 新しい配列の要素を返す }[, thisArg]) 引数 callback arr の要素ごとに呼び出される関数です。 callback が実行されるたびに、返された値が new_array に追加されます。 callback 関数は以下の引数を受け付けます。 cur

    Array.prototype.map() - JavaScript | MDN
    rokujyouhitoma
    rokujyouhitoma 2009/10/19
    map関数の実装が載っている。いいね♪
  • Mozilla Developer Center[日本語]

    Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../    ../../    ../../    ../../    ../../    ../..

    Mozilla Developer Center[日本語]
  • JavaScript - MDC

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript - MDC
  • Rhino | MDN

    Rhino はすべてが Java で記述された JavaScript のオープンソースな実装です。それは一般的には、Java アプリケーション環境へ組み込まれて、エンドユーザーによるスクリプトの記述が可能になります。J2SE 6 ではデフォルトの Java スクリプティングエンジンとして組み込まれています。 ダウンロード ソースとバイナリを取得する 方法。 ドキュメント スクリプト記述者と組み込み開発者への Rhino の情報。 ヘルプ 困ったときの いくつかのリソース。

    Rhino | MDN
    rokujyouhitoma
    rokujyouhitoma 2009/06/26
    真面目にRhinoを使うべく調べ直す。
  • Firefox 3.5 for developers - MDC

    Firefox 3.5 では数多くの新機能が導入され、また、幅広い種類のWeb 標準に対するサポートが追加および改善されます。この記事は主な変更点をカバーする記事へのリンクを伴う広範囲に及ぶ一覧を提供します。 HTML5 サポート Using audio and video in Firefox Firefox 3.5 では HTML5 の audio および video 要素がサポートされます。 Offline resources in Firefox Firefox 3.5 では HTML5 のオフラインリソース仕様をすべてサポートしています。 ドラッグ&ドロップ HTML5 のドラッグ&ドロップ API によって Web サイト内および Web サイト間のアイテムのドラッグ&ドロップがサポートされます。これにより、拡張や Mozilla ベースアプリケーションに対してもより単純な A

    Firefox 3.5 for developers - MDC
    rokujyouhitoma
    rokujyouhitoma 2009/04/14
    これはなかなか面白い。video要素はいいね。帰ったらじっくりみる。