graffitikz

A simple 2D vector shape editor that supports TikZ output. Work in progress.

To use

A demo is hosted at https://graffitikz.wnyjin.com

Getting Started

To host/modify

• Make sure node.js is installed.
• Clone this repository.
• Run npm install to install the dependencies. Then,
  • run npm run dev for development.
  • run npm run build to build the project. Artifacts will be located in build/ directory. (To host from a subdirectory, the webpack environment needs to be changed. See this stackoverflow answer for the configurations.)
  • run npm run serve to host.

Known Issues

• Shift-Cmd-Z (redo) does not register in Firefox on macOS. This can be fixed via creating shortcuts in system preferences (see this bugzilla thread for details or this stackexchange thread for a summary). Use Cmd-Y instead for now.

References

• Used code from yishn/tikzcd-editor for the CodeBox and ToolBox components.
• Used code from mathjax/MathJax-demos-node for rendering TeX.