https://github.com/norlandz/drawonwebpage

Draw on a Webpage (Google Chrome Extension)
https://github.com/norlandz/drawonwebpage

canvas draw google-chrome-extension javascript

Last synced: 23 days ago
JSON representation

Draw on a Webpage (Google Chrome Extension)

• Host: GitHub
• URL: https://github.com/norlandz/drawonwebpage
• Owner: Norlandz
• Created: 2023-05-29T15:59:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-29T16:18:23.000Z (over 1 year ago)
• Last Synced: 2024-10-04T21:10:57.705Z (about 1 month ago)
• Topics: canvas, draw, google-chrome-extension, javascript
• Language: JavaScript
• Homepage:
• Size: 256 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        

DrawOnWebpage



  


    
intro m

    


      
Draw on a Webpage

    

  

  


    
demo (graph)

    


      


    

  

  


    
working environment

    


      
as a Google Chrome Extension

    

  

  


    
to_use

    


      
@hotkey[!+g] -> open/close canvas

      
@hotkey[^`] -> enable/disable drawing

      
@hotkey[LButton (drag)] -> freehand draw

      
@hotkey[+LButton (drag)] -> draw line

      
@hotkey[^LButton (drag)] -> draw rectangle

      
@hotkey[RButton (drag)] -> eraser

      
@hotkey[!0 ~ !8] -> change paint color

    

  

  


    
installation

    


      
download the released .crx file

      
unzip it

      
load it as an unpacked extension in Google Chrome Extension Page (under development mode)