캔버스 » Api
drawjoinline
Description
SVG에 연결선을 그리는 API이다.
꺽은선과 달리 연결된 두 도형의 배치에 따라서 선의 모양이 변경된다.
Parameters
| Parameters |
Type |
Description |
| nLeft |
short |
왼쪽좌표 |
| nTop |
short |
위쪽좌표 |
| nLineWidth |
short |
[옵션]선 두께 |
| nLineStyle |
short |
[옵션]선 스타일 |
| clrLineColor |
COLOR |
[옵션]선 색상 |
| nArrowStyle |
short |
[옵션]화살표 스타일 |
| nIdConnStartItem |
short |
[옵션]시작점에 연결할 아이템아이디 |
| nPosConnStartItem |
short |
[옵션]시작점에 연결할 아이템의 연결점 인덱스 |
| nIdConnEndItem |
short |
[옵션]끝점에 연결할 아이템아이디 |
| nPosConnEndItem |
short |
[옵션]끝점에 연결할 아이템의 연결점 인덱스 |
Return Value
| Type |
Description |
| short |
아이템 ID |
Remark
* 옵션파라미터중 기본값이 명시되어 있지 않은 파라미터는 캔버스에 설정된 속성을 따른다.
** 연결점 인덱스
사각형/모서리둥근사각형/마름모/원/타원은 12시, 3시, 6시, 9시 방향을 기준으로 한 인덱스(0베이스)
그 외의 다각형은 왼쪽상단방향의 꼭지점을 기준으로 시계방향 각 꼭지점을 기준으로 한 인덱스(0베이스)
Example
<![CDATA[function canvas_on_click(objInst, nXPoint, nYPoint, nPageXPoint, nPageYPoint, nItemId)
{
// 연결선 그리기
canvas.drawjoinline(nXPoint, nYPoint);
}
function screen_on_load()
{
var rect1 = canvas.drawrect(10, 10, 100, 50, factory.rgb(255,0,0), false, 0);
canvas.additemtext(rect1, "시작");
var rect2 = canvas01.drawrect(10, 200, 100, 50, factory.rgb(0,0,255), false, 0);
canvas.additemtext(rect2, "끝");
// rect1의 밑변과 rect2의 윗변을 잇는 연결선 그리기
canvas.drawjoinline(10, 10, 1, 0, factory.rgb(0,0,0), 1, rect1, 2, rect2, 0);
}
]]>
See Also
drawline
drawpolyline
drawrect
drawcircle
drawellipse
drawdiamond
drawtriangle
drawrighttriangle
drawpentagon
drawhexagon
drawheptagon
drawoctagon
drawpolygon
drawroundrect
Viewer Ver.
9.1.1.1
Update Date
20211210