valueToPoint() — vue Function Reference

Architecture documentation for the valueToPoint() function in svg.js from the vue codebase.

Function javascript CompilerSFC StyleProcessor

Entity Profile

CompilerSFC→ StyleProcessor→ valueToPoint() — vue Function Reference

Dependency Diagram

graph TD
  4961b202_5037_5821_badf_5acad7f65a17["valueToPoint()"]
  3fd09bcb_06a5_2212_f096_8753bca22233["svg.js"]
  4961b202_5037_5821_badf_5acad7f65a17 -->|defined in| 3fd09bcb_06a5_2212_f096_8753bca22233
  style 4961b202_5037_5821_badf_5acad7f65a17 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

examples/classic/svg/svg.js lines 46–58

function valueToPoint(value, index, total) {
  var x = 0
  var y = -value * 0.8
  var angle = ((Math.PI * 2) / total) * index
  var cos = Math.cos(angle)
  var sin = Math.sin(angle)
  var tx = x * cos - y * sin + 100
  var ty = x * sin + y * cos + 100
  return {
    x: tx,
    y: ty
  }
}