Tukar panjang lejang bulatan SVG secara pemprograman

Question

Saya mencipta bulatan dalam Inkscape dan mematikan isian supaya hanya lejang yang kelihatan, dan menetapkan titik mula kepada 45 darjah dan titik akhir kepada 315 darjah. Kemudian saya memutarkannya 90 darjah dan ini adalah keputusan akhir.

P粉036800074 · Answer

Mungkin cara paling mudah ialah menggunakan atribut pathLength像：

pathlength="100" stroke-dasharray="10 100"

Ubah rinkle- 的第一个值dasharray 表示“百分比”（上例中的 10 使其占据总长度的 10%）。沿着路径移动该段是可能的，感谢负面 rinkle- dashoffset. Perkara yang menarik tentang pendekatan ini ialah ia boleh digunakan untuk "mengesan" mana-mana laluan padat:


Length:
 10

Offset:
 20

P粉310931198 · Answer

Coretan kod berikut mengambil peratusan sebagai input dan kemudian mengira parameter arahan Lengkung Arka Eliptik dalam elemen A 在. 100% sepadan dengan tiga perempat daripada lengkok.

var path = document.getElementById("path");
function draw(v) {
  var theta = v * Math.PI * 0.015;
  var large = theta