adding svg to site
This commit is contained in:
@@ -46,9 +46,25 @@ function createPathCircle() {
|
||||
}
|
||||
return data
|
||||
}
|
||||
|
||||
function createPathSpiral() {
|
||||
const svg = d3.select("svg")
|
||||
const width = svg.attr("width")
|
||||
const height = svg.attr("height")
|
||||
let data = [];
|
||||
// используем параметрическую форму описания круга
|
||||
// центр расположен в центре svg-элемента, а радиус равен трети высоты/ширины
|
||||
for (let t = 0 ; t <= Math.PI * 6; t += 0.1) {
|
||||
data.push(
|
||||
{x: width / 2 + width / 3*(1-(t/Math.PI * 6)) * Math.sin(t),
|
||||
y: height / 2 + height / 3*(1-(t/Math.PI * 6)) * Math.cos(t)}
|
||||
);
|
||||
}
|
||||
return data
|
||||
}
|
||||
const drawPath =(typePath) => {
|
||||
// создаем массив точек
|
||||
const dataPoints = (typePath == 0)? createPathG() : createPathCircle();
|
||||
const dataPoints = [createPathG,createPathCircle,createPathSpiral][Number(typePath)]()
|
||||
|
||||
const line = d3.line()
|
||||
.x((d) => d.x)
|
||||
|
||||
Reference in New Issue
Block a user