Нужно сделать так, чтобы при клике по определённому блоку (100% на 100%, условно) на месте клика появлялась SVG точка.
Ответ
Добавлять элементы на место клика можно так:
var block = document.getElementById('block');
block.onclick = function(e) {
var point = document.createElement('div');
point.className = 'point';
point.style.left = e.pageX + 'px';
point.style.top = e.pageY + 'px';
block.appendChild(point);
}
html,
body {
padding: 0px;
margin: 0px;
height: 100%;
position: relative;
}
.block {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.block .point {
position: absolute;
width: 2px;
height: 2px;
background: #000;
}
Комментариев нет:
Отправить комментарий