ウィザード・コード

jQuery ClickableCanvas デモページ8

jQuery ClickableCanvasの設定方法

クリップ機能のテスト テストバージョン
FlashCanvas Pro使用 ClickableCanvas.js ver 1.4

 Canvasのclipメソッドを使って隠れた2枚目の画像を表示しています。丸い窓をクリックすると窓が移動します。一方のクリップ画像は円の動きと画像の動きがリンクしていると思いますが、 imageinterlockedにtrueを入れるとこのように連動します。 Chromeでは丸窓のギザギザがやや目立ちます。

動作確認: Firefox3.6 Chrome7.0 IE8

サンプルのコード詳細