Получить массив из из массива объектов
Всем привет! Подскажите как из массива объектов координат получить массив, подходящий для атрибута points svg-тега <polygon>.
Пример исходного массива: [{x:12, y:13}, {x:56, y: 45}, ...] |
Попробуйте так:
const coordinates=[{x:12, y:13}, {x:56, y: 45}];
const points=coordinates.map(point=>`${point.x},${point.y}`).join(' ');
|
<svg>
<polygon
points="" style="fill: yellow; fill-opacity:0.5; stroke: black;"/>
</svg>
<script>
var coords = [{x:60,y:25},{x:140,y:25},{x:160,y:60},{x:80,y:60}];
var points = coords.reduce(function(sum, current) {
return sum + current.x + "," + current.y + " ";
}, "").trim();
document.querySelector('polygon').setAttribute('points', points);
</script>
|
| Часовой пояс GMT +3, время: 20:52. |