Giter Site home page Giter Site logo

draw-on-web's Introduction

Draw on web

드로우 온 웹(Draw on web) 은 웹 페이지 위에 브러쉬 기능을 사용가능하게 해주는 크롬 익스텐션입니다.

현재 드로우 온 웹은 프로토타입이며, 현재 사용 가능한 기능은 다음과 같습니다.

  • 캔버스 토글
  • 브러쉬 색상 설정
  • 브러쉬 두께 설정
  • 캔버스 초기화

설치

해당 깃허브 페이지 내 우측 Releases 에 들어가서 설치가 가능합니다.

그후 크롬 익스텐션 설정창에 들어가서, 개발자 모드 켭니다.

해당 창에 압축해제한 확장프로그램 폴더를 끌어다 놓으면 됩니다.

기능

캔버스 토글

드로우 온 웹이 로딩된 웹페이지에서 Alt + 1 을 누르면 팔레트가 나옵니다. 팔레트가 나온 상태에서 우클릭을 드래그 하시면 지정된 색상과 굵기로 브러쉬를 그릴 수 있습니다.

브러쉬 색상 설정

팔레트 첫번째 아이콘을 누르면 색상 변경이 가능합니다.

브러쉬 두께 설정

브러쉬 아이콘을 클릭하면 브러쉬의 두께를 설정할 수 있습니다.

Collaborating

해당 프로젝트에 기여해주시는 모든 분들께 환영합니다. PR을 받고 있으니 관심 있으시면 부탁드리겠습니다.

draw-on-web's People

Contributors

blu3piece avatar

Stargazers

HajunTae avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.