Розробка простого SVG – редактора

Abstract

Кваліфікаційна робота присвячена розробці простого SVG редактора на платформі React з використанням TypeScript, бібліотеки fabric.js та Redux Toolkit. У роботі детально описані основні етапи створення та функціональність редактора, зокрема можливість перетягування SVG-елементів, зміна їхнього розміру та обертання, налаштування кольорів та borders об'єктів. Також проведено аналіз сучасних тенденцій у розробці веб-додатків та особливостей ринку графічних редакторів. Результати роботи можуть бути використані для покращення користувацького досвіду у веб-редакторах та розширення можливостей веб-розробки з використанням сучасних технологій. Проект включає в себе аналіз вимог користувачів до функціоналу редактора SVG, детальний опис розроблених компонентів та їх взаємодії, а також результати тестування та висновки щодо досягнутих цілей. Результати цієї роботи можуть бути корисними для розробників, які планують створити власний SVG редактор на основі платформи React з використанням TypeScript та інших сучасних інструментів. Також робота може послужити основою для подальших досліджень у галузі розробки веб-додатків та графічного дизайну. The qualification work is devoted to the development of a simple SVG editor on the React platform using TypeScript, the fabric.js library, and the Redux Toolkit. The paper describes in detail the main stages of creation and functionality of the editor, including the ability to drag and drop SVG elements, resize and rotate them, set colors and borders of objects. The article also analyzes current trends in web application development and the features of the graphic editor market. The results of the work can be used to improve the user experience in web editors and expand the capabilities of web development using modern technologies. The project includes an analysis of user requirements for the SVG editor functionality, a detailed description of the developed components and their interaction, as well as test results and conclusions about the achieved goals. The results of this work can be useful for developers who plan to create their own SVG editor based on the React platform using TypeScript and other modern tools. The work can also serve as a basis for further research in the field of web application development and graphic design.