上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Raphael―JavaScript Library」で出来る、アニメーションを有効利用できるように、テストが出来て、構文が出てくるようにしてみました。




デフォルトのエフェクト



カスタム




ease
linear
ease-in
ease-out
ease-in-out
CSS Transitions Module Level 3(P1、P2の座標)

タグ





基本サンプル



	var paper = Raphael("notepad3", 400, 400);
	var t = paper.text(200, 200,"スタンダード\nデザインラボ");
	t.attr({
		fill: "90-#fff-#000"
	});
	t.attr("rotation","720");
	t.attr("font-size","50px");
	t.attr("rotation","720");
	t.animate({rotation: 0},2000,"rotate");
このエントリーをはてなブックマークに追加
Fri.02.11.2011
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。