The domain wonder-boys.net may be for sale. Please click here to inquire Wonder-boys.net Related Searches: Online classifieds Top 10 Luxury Cars fashion trends Accident Lawyers Health Insurance Trademark Free Notice Privacy Policy
通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ(Firefox4+, Chrome9+, Safari10.6+など)でご覧ください。
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 CamanJS Document Creating a Plugin [ad#ad-2] CamanJSの実装 「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
Support information - サポート情報 uuCanvas.js は IE 以外のブラウザに対しても機能拡張を行います。 Extend Text API Opera9.2 - DOM を利用した Text API が使用可能になります。Matrixによる変形や回転は非サポートです。Text Shadow は非サポートです。strokeText() は fillText() と同じ結果になります。maxWidth は非サポートです。 Opera9.5~10 - SVG を利用した Text API が使用可能になります。Matrixによる変形や回転をサポートします。Text Shadow をサポートしますが、影の品質に多少問題があります。strokeText() は fillText() と同じ結果になります。DOM を利用した Text API も利用可能です。maxWid
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
http://sandai310.com/firstcanvas/ canvasをウェブで簡単に体験できます。 canvasの素晴らしい日本語リファレンスはありますが、 http://www.html5.jp/canvas/ref.html 少し難しいのでイメージがわきません。じゃあ触って試せばいいじゃーんてことですが、イヤだめんどくさい!という動機で簡単にウェブ上で試しながら機能が確認できれば楽だなってことで習作として作りました。 とりあえず位置付けとしてはcanvasの学習アプリってところで。 コンセプト 誰でも手軽にウェブでcanvasのプログラミングができる、というコンセプト。たぶん誰でもできると思います。適当に見よう見真似でいじいじできますのでいじいじしてください。できなくてもいじいじいじけないでいじいじしてください。実はいじいじ言いたいだけです。 できること canvasで使え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く