タグ

canvasに関するMasayukiのブックマーク (6)

  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します

    ウェブリブログ:サービスは終了しました。
  • ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記

    はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing

    ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記
  • Javascript ライブラリー - HTML5.JP

    HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。 <meter> polyfill (jQuery プラグイン) <meter> polyfill は、HTML5 で新たに導入された meter 要素をサポートしていないブラウザーでも meter 要素がレンダリングされるようにする jQuery プラグインです。Chrome や Opera など、すでに meter 要素をサポートしているブラウザーには何も作用しません。このプラグインは、Internet Explorer 6, 7, 8, 9 でも動作します。 html5detector (Google Chrome Extentions) html5detector は、表示されているページが HTML5 でマークアップされていれば、アドレスバ

    Masayuki
    Masayuki 2007/12/30
    Canvasを使ったグラフ描画関係のJavaScriptライブラリ
  • レーダーチャート - JavaScript ライブラリー - HTML5.JP

    JavaScriptからレーダーチャートをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みのレーダーチャートを柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_radar_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属

  • Life is beautiful: canvas 対 SVG

    先日のエントリーで少し触れたが、アップルがSafariに導入してから、Webkitは当然ながら、Firefox、Operaにも標準採用されて一気に業界標準になりつつあるcanvas。iPhone上のSafariでも使えるし、Googleが先日発表したandroid上のブラウザーでも使えるとなれば、私としては色々とやってみたくなるのは当然。 問題は、同じく「ブラウザーにベクター・グラフィックスを追加する」という役目を果たすはずだったSVGの存在がこれで怪しくなってきたこと。そもそもが、FlashキラーとしてAdobeが全面的に押していたSVGの戦略的な価値が、AdobeによるMacromediaの買収でなくなってしまったところに合わせた様に来たcanvasの対等。一気に形成が逆転だ。 SVG派の人たちに言わせると、「SVGは既に業界標準だし、記述型でないcanvasはJavascriptとの

  • MOONGIFT: IEでもcanvasを「ExplorerCanvas」:オープンソースを毎日紹介

    次世代のWeb技術として注目を集めているCanvas。ブラウザ画面上で絵を描いたり、2Dや3Dのグラフィックスがダイナミックに描ける技術だ。 しかし一つ問題がある。それは対応ブラウザがFirefoxやOperaに限られることだ。シェアが若干落ちたとは言え、もっとも普及しているIEが対応していないのは問題だ。そこでこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはExplorerCanvas、IE向けのCanvas実現ソフトウェアだ。 ExplorerCanvasを使うと、ブラウザ上でダイナミックな描画が可能になる。もちろん、クロスブラウザに対応し、Firefoxでも利用できる。 サンプルが同根されているので、一度試してみて欲しい。画像をダイナミックに回転させたり、細かい粒が飛び交うアクションは表現力の豊かになったWebサイトの形を連想させる。 これらをFlashなどを使って実

    MOONGIFT: IEでもcanvasを「ExplorerCanvas」:オープンソースを毎日紹介
  • 1