Привет, ребята из Stackoverflow,
У меня вопрос к D3. js По сути, я хочу добиться изменения формы, как показано ниже. 
Однако, как только я закончил кодирование первого чертежа, информация о координатах была такой, как показано ниже.
d3.selectAll('body').select('svg').append('rect')
.attr('x', 50)
.attr('y', 50)
.attr('width',150)
.attr('height',150)
.attr('fill','none')
.attr('stroke-width',2)
.attr('stroke','black')
Я попытался изменить форму как Я нажал на прямоугольник. Поэтому я сделал событие клика. Но!
Параллелограмм, которого я хочу достичь, должен состоять из «пути». Как изменить форму квадрата при нажатии на квадрат? Поскольку я хочу сделать «анимацию» для изменения, просто выключить квадрат и включить параллелограмм - это не то, что я пытаюсь сделать.
Может ли кто-нибудь помочь мне? Или у кого-нибудь есть лучшее решение для этого ??
Заранее спасибо.