svg-curves

KO | EN

gitlite — search

#javascript #react #typescript #llm #go #machine-learning #rust #linux #awesome #cli #pytorch #security #mcp #open-source

(★ 10)

SVG Curves

svg-curves 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Interactive arc, cubic bezier and quadratic bezier curves with SVG source code, implemented using React, RxJS and Astro.

[https://hunormarton.github.io/svg-curves/](https://hunormarton.github.io/svg-curves/)

## Arc

![Arc Screenshot](https://raw.githubusercontent.com/HunorMarton/svg-curves/main/Screenshot-Arc.png)

```html
<svg width="450" height="450" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 145 174 A 150 120 20 0 0 288 314"
    stroke="white"
    stroke-width="20"
    fill="none"
  />
</svg>
```

## Cubic Bezier

![Cubic Bezier Screenshot](https://raw.githubusercontent.com/HunorMarton/svg-curves/main/Screenshot-Cubic-Bezier.png)

```html
<svg width="450" height="450" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 100 350 C 70 100, 380 100, 350 350"
    stroke="white"
    stroke-width="20"
    fill="none"
  />
</svg>
```

## Quadratic Bezier

![Quadratic Bezier Screenshot](https://raw.githubusercontent.com/HunorMarton/svg-curves/main/Screenshot-Quadratic-Bezier.png)

```html
<svg width="450" height="450" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 100 350 Q 225 50, 350 350"
    stroke="white"
    stroke-width="20"
    fill="none"
  />
</svg>
```

## Made by

Hunor Márton Borbély

2018 (updated in 2024)

svg-curves

svg-curves 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

svg-curves

svg-curves 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README