上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 もう、眺めていても何が何だか分からないので、実際に座標を書いて、どういったベジェ曲線が書けるのか確認します。
var c = paper.path("M50,100,C50,200,400,200,400,100");
                    a       b       c       d
                    開始点  ベジェーベジェーベジェ


M , m開始点
Z , z終了点
L , l指定する座標までの直線
H , h指定する座標までの水平線(x軸のみ指定)
V , v指定する座標までの垂直線(y軸のみ指定)
C , c指定する座標までのベジェ
S , s指定する座標までのベジェ
(第二制御点は通過点とされる)
Q , q二次ベジェ
T , t二次ベジェ
(第二制御点は通過点とされる)
大文字は絶対位置・小文字は相対位置




テスト



<div id="notepad5"></div> <script type="text/javascript"><!-- var paper = Raphael("notepad5", 500, 400); var c = paper.path("M50,100 ,C50,200,400,200,400,100 ,C350,150,400,150,200,200 ,V50 ,H50 ,L300,150 z50,50").attr({fill : "#dba", stroke: "#951", "stroke-width": 3}); //--></script>




 なるほど、Sと、Tがよく分かりません…☆
このエントリーをはてなブックマークに追加
Sat.02.12.2011
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。