svgベースの抽選大回転盤の描画

社会に何度も毒された人として、抽選活動の内幕を知っていて、抽選は内定ではなく内定です.しかし、需要が来た以上、私たちも開発するしかありません.まず一番難しい部分はターンテーブルを描くこととターンテーブルを回転させることです.私たちは一歩一歩それを実現します.
知識点の概要

svg

path

circle

text

textpath

構想
画像の挿入はサポートされていないため、下のコードは最新ではありません.だから考えが一番重要です.

ピクチャとテキストは、常に垂直な中心の縦線に描画され、transform="rotate([angle] cx cy)"を使用して指定した中心角を回転させることで、必要なグラフィックを均一に描画できます.

各ブロックの扇形は、pathを用い、ここでのポイントは、依然として次のコードの円上等点関数を用いて求めることができる.

は、1つの賞しかない場合に特別な処理が必要です.

コード#コード#
雑談は言わないで、私たちは直接コードをつけて、関連してどうしてこのように書いてすべて注釈の中にあります.

<template>
  <div v-if=