반응형

React 33

[Javascript][라이브러리 소개] html2canvas - Screen Capture

# html2canvas를 활용한 스크린 캡쳐 - 본 포스팅에서는 html2canvas를 활용하여 원하는 HTML 요소들을 이미지로 만드는 방법을 소개합니다 # 라이브러리 사이트 html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com # 사용방법 - html2canvas를 설치해 줍니다 yarn add html2canvas - OnClick 등의 원하는 이벤트에서 다음과 같이 지정된 id의 요소를(아래의 경우 "save_element_id") 캡쳐합니다 html2canv..

개발/Javascript 2022.04.06

[React][라이브러리 소개] Color Picker : react-color

# react-color 사용방법 - 본 포스팅에서는 사용자에게 깔끔하고 다양한 Color Picker를 제공할 수 있는 React Color 라이브러리를 소개하려고 합니다 # 사용방법 - 라이브러리를 설치해 줍니다 yarn add react-color - 그리고 아래와 같이 원하는 Picker를 추가해주시면 됩니다. import React from 'react'; import { SketchPicker } from 'react-color'; class Component extends React.Component { state = { background: '#fff', }; handleChangeComplete = (color) => { this.setState({ background: color.hex..

개발/React 2022.03.16
반응형