Tenho o seguinte codigo que cria um clone de uma imagem. Quando por exemplo ouver uns 3 clones, apagar esse ultimo. Sem aparecer.
exemplo:
if (id==3){
//apagar clone/imagem
}
exemplo jsfiddle: http://jsfiddle.net/twsthyds/12/
Tenho o seguinte codigo que cria um clone de uma imagem. Quando por exemplo ouver uns 3 clones, apagar esse ultimo. Sem aparecer.
exemplo:
if (id==3){
//apagar clone/imagem
}
exemplo jsfiddle: http://jsfiddle.net/twsthyds/12/
Olá, atualizei seu fiddler, da uma olhada.
Criei um data-tag nas imagens PAI e com isso controlo quem vou excluir.
O trecho abaixo, coloquei no final do metodo function mousedown(e)
.
var type = ddData.element.getAttribute('data-type');
var arrTmp = document.querySelectorAll('[data-type="'+type+'"]');
if(arrTmp.length>3){
var el = arrTmp[0];
el.parentNode.removeChild( el );
}
Como ficou o html
<svg width="90%" height=500px>
<image data-type="img1" xlink:href=/favicon.png id=img1 x=0 y=0 height=20 width=20 class="img" />
<image data-type="img2" xlink:href=/favicon1.png id=img2 x=30 y=0 height=20 width=20 class="img" />
</svg>
Veja se ajuda