JavaScript/JointJS/Joint/setVertices(1D array of point) の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• JavaScript/JointJS/Joint/setVertices(1D array of point) へ行く。

To give examples http://www.grenvillecollege.co.uk/ pay day loan introduce you to the one that is .
[[ProgramLanguage/Script/JavaScript/JointJS]]

*Joint.setVertices(1D array of point) [#s0ed6200]
**概要 [#kc41448f]
直線の交わる点を設定する。
一本の線が折れ曲がったように描画される。
//End 概要
#br
**構文 [#w9df8b69]
 function(
     vertices
 )
//End 構文
#br
**パラメータ [#j0796d0d]
:vertices|
型:''1D array of point''
交点（x座標, y座標）を１つの要素として１次元配列に追加します。
//End パラメータ
#br
**戻り値 [#feee588e]
:Joint|
//End 戻り値
#br
**解説 [#j8ca2bcb]
図形の基準となる座標が円は中心点、四角は左上と異なることに注意する。
FSA diagrams(joint.dia.fsa.js)を連結した線に対してこのメソッドを使用すると適切に動作しないことが確認されている。

交点が１つでも1次元配列で指定すること。
//End 解説
#br
**例 [#c176cf2d]
線を折り曲げる方法を次のコード例に示します。
-交点をx座標, y座標を示すオブジェクトで指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 var posX =  50 + (RECT_WIDTH / 2);
 var posY = 150 + (RECT_HEIGHT / 2);
 
 joint.setVertices([{x: posX, y: posY}]);
#br
-複数の交点をx座標, y座標を示すオブジェクトで指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 joint.setVertices([{x:125, y: 130}, {x:225, y:130}]);
#br
-交点を半角スペース区切りの文字列で指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 joint.setVertices(["125 180"]);
#br
-複数の交点を半角スペース区切りの文字列で指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 joint.setVertices(["125 130", "225 130"]);
#br
-交点を半角アットマーク区切りの文字列で指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 joint.setVertices(["125@180"]);
#br
-複数の交点を半角アットマーク区切りの文字列で指定する。
 var RECT_WIDTH  = 150;
 var RECT_HEIGHT = 60;
 
 var parentMember = Joint.dia.org.Member.create({rect: { x:  50, y:  50, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "parent", position: "", avatar: 'homer.jpg'});
 var childMember  = Joint.dia.org.Member.create({rect: { x: 150, y: 150, width: RECT_WIDTH, height: RECT_HEIGHT }, name: "child",  position: "", avatar: 'homer.jpg'});
 var joint = parentMember.joint(childMember);
 
 joint.setVertices(["125@130", "225@130"]);
//End 例
#br
**バージョン情報 [#oec006a9]
Joint 0.2.0
//End バージョン情報
#br
**参照 [#geca186c]
[[Joint.getVertices()>../getVertices()]]
[[Joint.straighten()>../straighten()]]
//End 参照
//End Joint.setVertices(1D array of point)