svg没有设置圆的新位置坐标.(exampe)

Snap.svg is not setting new position coordinates of circles. (with exampe)

本文关键字：位置 坐标 exampe 新位置 设置 svg      更新时间：2023-09-26

示例:http://codepen.io/heroheman/pen/thdBH

你好,我有这条框状路径，它每秒钟改变10个角点。我也有4个图标，应该在盒子的角落。两者都基于一个重新计算点并设置新位置的数组。但是圆圈的位置似乎有某种缩放——我尝试了绝对路径和相对路径(t和t似乎没有区别)。

也许你们中有人能帮上忙!

您需要考虑圆中心的偏移量…

以'bubble'为例，它的cx,rx属性是113,101.6

所以理想情况下，气泡的变换逻辑上应该是(新变换-原始位置)

't' + ( boxCoords[4] - 113 )  + ',' + (boxCoords[5] - 101.6 )

可以在数组或对象中硬编码。或者如果有很多图标，可能你可以抓住图标各自的圆圈元素，并获得它的element.attr('cx')值(或x，如果它是一个矩形，或以前的变换，如果它是一个任意形状，或对它做getBBox()来获得它的中心)。

相关文章：