https://github.com/chinsun9/html-banner-maker
https://github.com/chinsun9/html-banner-maker
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chinsun9/html-banner-maker
- Owner: chinsun9
- Created: 2020-10-08T05:32:52.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-12-09T06:15:28.000Z (over 4 years ago)
- Last Synced: 2025-01-30T08:43:08.712Z (5 months ago)
- Language: HTML
- Homepage: https://chinsun9.github.io/html-banner-maker/
- Size: 165 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## 리액트로 만든 새버전이 있습니다
- [react-banner-maker](https://github.com/chinsun9/react-banner-maker)로 이동하기
# html-banner-maker
- [Banner Maker](https://banner.godori.dev/)을 보고 만들어 보았습니다.
## [데모](https://chinsun9.github.io/html-banner-maker/)
[](https://chinsun9.github.io/html-banner-maker/)
## 기능
- 캔버스 크기 조절
- 실시간 캔버스 업데이트
- 폰트 사이즈 조절
- 폰트색 조절
- 캔버스색에 따른 폰트색 자동조절
- 캔버스색 조절
- 랜덤 캠버스색
- 이미지로 다운로드
- 클립보드로 카피
## Bootstrap
### Bootstrap css
```html index.html
```
- cdn으로 사용
### Bootstrap Color Picker
```
npm install bootstrap-colorpicker
```
- `node_modules\bootstrap-colorpicker\dist` 경로에서 소스 코드 가져와 사용