1

Tenho um elemento SVG criado a partir de um clone. O que queria era inserir esse clone dentro de uma nova div. Usei este codigo.

function clone(){
        var newrect = document.getElementById('rect').cloneNode(true);
        document.getElementById("svg").appendChild(newrect);

        newrect.setAttribute("x", 100);
        newrect.setAttribute("y", 100);
        newrect.style.position = 'absolute';    


        var div = document.createElement('div');
        document.body.appendChild(div);
        div.id = 'div1';


        var div1 = document.getElementById("div1");
        div1.insertBefore(newrect, div1.firstChild);
}
12
  • Tem algum problema com o código? qual é o problema que tem? é a continuação da outra pergunta?
    – Sergio
    20/10/2014 às 12:43
  • Eu penso que cria a div, mas o meu objeto clone desaparece.
    – akm
    20/10/2014 às 12:51
  • quer criar uma nova div com um svg dentro? se não pode explicar melhor pf...
    – Sergio
    20/10/2014 às 12:53
  • Sim é mesmo isso. Quero que o objeto que foi copiado, esteja numa nova div, criada ('div1').
    – akm
    20/10/2014 às 12:54
  • É isto que procura? jsfiddle.net/dgkcaf9q
    – Sergio
    20/10/2014 às 12:57

1 Resposta 1

1

Sugiro então mudar o seu código da função clone para:

function clone() {
    var newrect = document.getElementById('svg').cloneNode(true);
    newrect.setAttribute("x", 100);
    newrect.setAttribute("y", 100);
    newrect.style.position = 'absolute';
    newrect.id = 'novoSVG';

    var div = document.createElement('div');
    div.style.height = '100px';
    div.style.width = '50px';
    addEvent(div, 'mousedown', function(e){ start_drag(div, e)});
    div.appendChild(newrect);
    document.body.appendChild(div);
}

Exemplo: http://jsfiddle.net/m5d52oah/

No fundo, e visto a div anterior ser retirada da posição inicial via drag e uma vez que dá position: absolute; à nova div, não precisa de se preocupar com a posição no DOM. Juntei também uma chamada à start_drag() para juntar um event handler à nova div.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .