A Vue.js-based Image Editor for Ad-hoc Graphics on the Web

This thesis addresses the lack of a user-friendly web component for creating simple images, specifically SVG graphics, within Xaminer, an online examination tool built with Vue.js. The ability to generate and manipulate diagrams is essential for tasks such as software design, making this capability a valuable enhancement for visual interaction in examination tools.
To address this limitation, a standalone web component was developed using Vue.js. The component enables users to create, customize, and manipulate SVG graphics intuitively. Key features include shape selection, undo/redo functionality, snapping mechanisms, and customizable properties, all designed to ensure an intuitive user experience.
The result is a functional, user-centered image editor designed for seamless integration into examination platforms such as Xaminer. This tool enhances examination capabilities by enabling students and educators to incorporate interactive visual elements, thereby improving the overall assessment experience.