Na semana passada, eu precisava arrastar a lista à esquerda da página para a área direita e desenhar a função da árvore de relacionamento.
Depois de olhar para o desenho do design, a primeira reação é desenhar uma linha de relacionamento com HTML/266906.html "> tela.
Depois de ter essa função, descobri que era um defeito muito sério para desenhar com tela. Ou seja, se houver muitos relacionamentos no lado esquerdo, você precisa desenhar centenas e milhares deles, e a ampla altura da tela de tela foi declarada ao escrever o DOM. Em muitos casos, a tela não pode ser usada.
Mas ainda registra os resultados da pesquisa.
A seguir, o desenho do design:
O efeito é o seguinte:
O código HTML e CSS não será colado. JS usa principalmente arrasto e tela.
Função startDrag (ev) {ev.datatransfer.setData (text, ev.target.innerText);} função alowDrop (ev) {ev.preventDefault ();} função op (ev) {ev.preventDefault (); $ ('. Main-Target'). Div Class = DATO MAIN TARGEM> ' +' </div> '; GetElementById ('Canvasone'), 'Begin'); ' dados + '</div>';O acima é o método de arrastar e arrastar.
Função DrawLineOne (Canvas, Flag) {var Content = Canvas.getContext ('2D'); Context.BeginPath (); endx2, publicado.ndy2);} context.strokestyle = #333; }} */Função getConvasonePost () {var iMglength = $ ('imgbox img'). 15: 15: 15: 15: 15: 15: 15: 15: 15: 15: 15: (15 + 60 * (iMglength-)), endX = (imglesten == 0)? IMGLEMENTE + 15; Var iMglength = ('. Img $ ('.O acima é o método da linha de desenho de tela. Espero que seja útil para o aprendizado de todos e espero que todos apoiem o vevb wulin.com.