filterプロパティは、Windows版Internet Explorerが独自に追加したプロパティで、様々な視覚効果を与える際に使用します。 IE5.5以上で使用できる視覚効果とIE4以上で使用できる視覚効果がありますが、それぞれ書式が異なります。 filterプロパティによる視覚効果は、静的な視覚効果と動的な視覚効果に分けることができます。 ■静的な視覚効果(IE5.5以上で使用可、一部はIE4以上で使用可) BasicImage() …… 透過・回転・反転・グレースケールなどを指定する fliph() …… 左右反転する flipv() …… 上下反転する invert() …… 色（色相・明度・彩度）を反転する xray() …… X線効果（グレースケールにして反転）を適用する Alpha() …… 透過表示にする Chroma() …… 特定の色を透明にする MaskFilte

camanjs.com 2024 著作権. 不許複製 プライバシーポリシー

camanjs.com 2024 著作権. 不許複製 プライバシーポリシー

デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 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>

Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS3 Transforms are used to create this visual "3D" isometric effect. Supported browsers are Safari, Chrome, Webkit, Firefox 3.5+, IE9+, and Opera 11+. The plugin's functionality includes: setting or animating HTML content to an ar

published: 2009.08.07 topics: css javascript I have created a monkey patch for jQuery (tested through 1.6) which enables you to independently set and/or animate both the scale and rotation of any HTML content with jQuery. This code uses the scale() and rotate() CSS transformations that are only supported by Webkit, Safari, Chrome, Firefox 3.5+, IE9, and some versions of Opera at this time. As an e

Click on a pattern to expand Textareas are editable Browser support Submit a new one Github repo Enjoy! Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial

文字列の存在位置を知る indexOfメソッドで文字列中の検索文字列の存在位置を知ることができる 位置は最初の文字をゼロとする数値で返される、ヒットしなければ-1が返る "hoge".indexOf("g"); 第二引数で検索開始位置を指定できる "hoge".indexOf("o", 2); // -1 ▲ ▼ 文字の文字コードを知る StringオブジェクトのcharCodeAtメソッドを使うと、指定した文字位置（最初がゼロ）の文字コードを取得することができます var hoge = 'abc'; abc.charCodeAt(0);　//-> 'a'の文字コード97 引数を省略した場合はゼロを指定した場合と同じ結果になります ▲ ▼

少々遅れてしまったけど、three.jsでスタディしたものの説明をしておく。 スタディのインデックスを作成しておいた。 study:index 頭にthree.js:とついている物がthree.jsでのスタディになる。 particle(X)は以前作成したCANVASでのベクトルスタディだ。 今回は、主に使用ライブラリに関連すること及び以下2つを少々と説明していく。 three.js:study02 three.js:study01 まずは、githubのexamplesを参考に必要なライブラリを導入する。 HTMLファイルのスターティングとしては、HTML5boilerplateを使用し、追加ライブラリをjs/mylibs/以下に、各スタディ用のjsファイルを配置している。 <script defer src="js/mylibs/Three.js"></script> <script