/drawer

Primary LanguageJavaScript

drawer

{drawer} is an interactive image editing tool that can be added as part of the HTML in Shiny, R markdown or any type of HTML document. Often times, plots, photos are embedded in the web application/file. {drawer} can take screenshots of these image-like elements, or any part of the HTML document and send to an image editing space called "canvas" to allow users immediately edit the screenshot(s) within the same document. Users can quickly combine, compare different screenshots, upload their own images and maybe make a scientific figure.

Features

  • {drawer} is built with 99% javascript + HTML + CSS, there is no need to have a Shiny server or any other types of server in the back-end. That's why you can use it in any HTML document. All you need is a modern web browser, like Chrome or Firefox (IE will not work).
  • Shiny and R markdown compatible.
  • Screenshot any element in the page and edit in canvas or download it png or jpg
  • Drag and upload your own images.

Demo

type link
Pure HTML hosted online
Pure HTML (github) download and open in your browser
Shiny shinyapp.io
R markdown syspipe.org

Install

Install release version from CRAN:

install.packages("drawer")

Develop version:

if (!requireNamespace("remotes", quietly=TRUE))
    install.packages("remotes")
remotes::install_github("lz100/drawer")

User manual

Read details of drawer on our website.

About drawer

{drawer} is originally part of systemPipeShiny (SPS), the SPS Canvas functionality. However, one cannot use it outside SPS framework and installing the whole SPS framework is heavy. To benefit more people in their own apps/documents, we provide {drawer} as a separate package.

Other packages in systemPipeShiny

Package Description Documents Function reference Demo
systemPipeShiny SPS main package website link demo
spsComps SPS UI and server components website link demo
drawer SPS interactive image editing tool website link demo
spsUtil SPS utility functions website link NA