我有一條線長,我將其分成兩段。我希望使用黃金比例或 Phi 來確定每個段的長度。
給定高度值為 100,我需要回傳 61.8 和 38.2。
在這種情況下,我正在使用 Javascript 撰寫一個 SVG 形狀。表單用于提供動態輸入,例如形狀的高度。底部有使用
const phi = (1 Math.sqrt(5)) / 2;
console.log(phi);
const getSegments=(h)=>{return {'a': h/phi, 'b': h-h/phi};}
console.log(getSegments(100));
因此,在您現有代碼的背景關系中:
const phi = (1 Math.sqrt(5)) / 2;
const getSegments=(h)=>{return {'a': h/phi, 'b': h-h/phi};}
let height = 100;
let segments = getSegments(height);
let pathDef =
`m 300 300 v ${segments.b}
c 0 ${segments.a} ${segments.b}
${segments.a} ${segments.a} ${segments.a}`;
console.log(pathDef);
document.querySelector('path').setAttribute("d", pathDef);
<svg width="12cm" height="4cm"
viewBox="0 0 300 600"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
>
<path d=""
fill="none" stroke="blue"
stroke-width="20"
/>
</svg>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/340749.html
標籤:javascript
上一篇:WindowsAzure應用服務出錯:請手動安裝sqlite3包
下一篇:拖放而不是洗掉檔案
