This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
■ FlashCanvas Pro 1.0 公開のお知らせ FlashCanvas とは？ FlashCanvas は、HTML5 Canvas の機能を Internet Explorer でも使えるようにする JavaScript ライブラリです。 ExplorerCanvas や uuCanvas.js などのライブラリと比べて、次のような特徴があります。 ExplorerCanvas と同程度の Canvas API を実装済み 描画に Flash を使用 (Flash Player 9 以上がインストールされていることが必要です) 他のライブラリの VML 版よりも高速に動作。Silverlight 版とは同程度の速度。ただし図形の数が増えると Flash の方が高速。 Google Code 上で開発を行っており、ソースコードも MIT ライセンスで配布しています。 Flash
■ IE8 に対応した ExplorerCanvas Release 3 がリリース ExplorerCanvas は、Internet Explorer でも Canvas の機能を使えるようにする JavaScript です。 サイトが Google Code 上に引っ越しし、新たに公式ブログも作られたようです。 explorercanvas - Google Code Explorer Canvas Blog 前バージョンからの変更点がブログに載っていますが、 あまり整理されていない書き方だったので、主な変更点を以下にまとめてみました。 IE8 に対応 transform(), setTransform() メソッドのサポート 線形グラデーションのサポート 線の太さの表示を改善 その他の不具合の修正 また、ダウンロードできる zip ファイルには含まれていないのですが、 Silver
追記: uupaa-excanvas.js をリリースしました。 excanvas.js は IE で canvas 要素のエミュレートを行う Google 謹製の JavaScript ライブラリです。 このライブラリは、最初のとっかかりが結構難しいです。 実体験を元に、ハマリポイントを列挙してみます。 動的に生成したcanvas要素は、すぐにドキュメントツリーに追加し、その場で初期化する必要がある。 以下が、動的にcanvas要素を生成し2Dコンテキストを取得する例です。が… var e = document.createElement("canvas"); document.body.appendChild(e); var ctx = e.getContext("2d"); 上記のコードでは、IEでは動作しません(Firefox,Safari,OperaはOK)。 動的に生成したca
# Internet Explorer不可 OZONE Asylumというフォーラムで出された今月のお題「20行のJavascriptでできるだけ多くのエフェクトを同じスクリーンに出す」に対して出てきたすごい答がこれ。 ソースを見ると、たしかに有効な行は20行しかない。 Opera9.5とFirefox3(どっちもまだベータ)で作者の意図どおり動くとのこと。Firefox2やOpera9でも動き自体は見えるが、Firefox2では光る効果が見えなかったり。 via del.icio.us/popular この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
「canvas 要素で遊ぶ」では、回転速度やイメージの大きさを制御できませんでしたが、制御できるようにしてみました。 以下の canvas 内をドラッグ & ドロップすることで、画像を回転させたり、拡大縮小ができるようになります。 手元の環境では、Internet Explorer 6 での動作が今ひとつ。やはりネイティブ対応じゃないので、重いのかもしれません。Internet Explorer では、記事の個別表示でしかうまく動作しないようです。もし以下にうまく画像が表示されない場合は、個別に記事を表示してみてください。 回転処理を入れると、ベクトル関連の処理が多くなります。今回のサンプルスクリプトでは、2 次元ベクトルを表現する簡単なオブジェクトも宣言しています。 function Vector(x,y) { this.x = x; this.y = y; return this; }
Canvasは、Firefox, Opera, Safariには実装されていますが、Internet Explorerには実装されていません。そのため、IE用にExplorerCanvasを使う方法がよく用いられます。 ところが、JavaScriptから、createElementメソッドを使ってcanvas要素を新たに生成した場合、そのままでは、ExplorerCanvasは新規のcanvas要素をハンドリングすることができません。ExplorerCanvasは、ページがロードされたときに、ドキュメント内に存在するcanvas要素をイニシャライズしているからです。ドキュメントがロードされた後に、JavaScriptを使って追加されたcanvas要素の場合は、イニシャライズされていないため、Canvasの機能が使えないわけです。 しかし、ExplorerCanvasには、このようなシーンを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く