fix: value in radian, must be in degree

graphnex · Mar 10, 2023 · ecd6aff · ecd6aff
1 parent a789bdf
commit ecd6aff
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -32,6 +32,7 @@ const Wordcloud = () => {
           if (passRect.length === 0) {
             w = setFirstWordInCenterOfParent(w, PARENT_ID);
             passRect.push(w);
+            console.log(w);
           } else {
             // Get the height and width of the word
             const heightW = elem.getBoundingClientRect().height;

diff --git a/src/utils.ts b/src/utils.ts
@@ -121,10 +121,10 @@ export const moveWordOnHypotenuse = (
   const lenghtHypontenus = distanceBetweenPoint(A, B);
   const distanceBC = distanceBetweenPoint(B, C);
 
-  const angle = Math.asin(distanceBC / lenghtHypontenus);
+  const angle = Math.asin(distanceBC / lenghtHypontenus) * (180 / Math.PI);
 
-  const x = Math.floor(A.x + step * Math.cos((angle * Math.PI) / 180));
-  const y = Math.floor(A.y + step * Math.sin((angle * Math.PI) / 180));
+  const x = Math.floor(A.x + step * Math.cos(angle) * (180 / Math.PI));
+  const y = Math.floor(A.y + step * Math.sin(angle) * (180 / Math.PI));
 
   return { x, y };
 };