JavaScript Diagram Builder - O objeto Arrow
|
|
O objeto Arrow é usado indicar uma seta na tela, para desenhar-la numa diagrama.
É possível esconder, mover e apagar uma seta depois que foi desenhado. O objeto Arrow tem uma margem
invisível bastante grande, que pode interferir com o TooltipText e o evento onClick
de objetos vizinhos. Por causa isso você deve sempre desenhar os objetos Arrow primeiramente,
antes de desenhar algum objeto Bar ou Box que fica perto do Arrow.
|
Este as setas foram geradas pelo
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(60, 140, 300, 380);
D.SetBorder(-1, 1, -1, 1);
var i, x, y;
for (i=0; i<11; i++)
{ x=Math.sin((i+0.5)*2*Math.PI/11);
y=Math.cos((i+0.5)*2*Math.PI/11);
new Arrow(D.ScreenX(x/3), D.ScreenY(y/3), D.ScreenX(x), D.ScreenY(y), "#0000ff", i%5+1);
}
document.close();
</SCRIPT>
Você pode usar os seguintes métodos:
- var A = new Arrow(theX0, theY0, theX1, theY1, theColor[, theSize[, theTooltipText[,
theOnClickAction[, theOnMouseoverAction[, theOnMouseoutAction]]]]])
//Constructor e desenho
- A.SetColor(theColor) //Cor
- A.SetVisibility(isVisible) //Mostrar ou esconder
- A.SetTitle(theTitle) //TooltipText
- A.MoveTo(theLeft, theTop) //Mover
- A.ResizeTo(theX0, theY0, theX1, theY1) //Aumentar ou diminuir
- A.Delete() //Apagar o objeto DIV do A do documento
- delete A //Destructor