Serhii Baran2025-03-042025-03-042024-12-25Baran, S. (2024). Experience in Developing a JavaScript Component for Implementing Logo Deformation Effects when Applied on Product Images.Scientific and practical journal "Economics and technical engineering"Vol.2 No.2 (2024), 116-126.3041-1246https://doi.org/10.62911/ete.2024.02.02.10https://dspace.duet.edu.ua/handle/123456789/961The development of an online store for selling goods is quite relevant in view of the possibilities of attracting new customers. The main task in promoting a store on the Internet market is to ensure competitive advantages and uniqueness of content. Visual configuration of a product is such a tool. It ensures consumer interest, the formation of a unique offer for him and provides an individual approach and loyalty. This is especially important for companies that offer the application of any logos on souvenir products. At the same time, it is important to provide the user with tools for applying various effects to the logo image when placing it on the product image. When researching and selecting tools to implement this task, the use of JavaScript for development, as well as the Canvas component for displaying images with warp effects, was justified. Using JavaScript, universal components were developed that allow applying the following deformation and distortion effects to logo images: deformation effects using the quadratic Bezier curve equation, deformation effects using the ellipse equation, deformation with an arch effect, deformation with a perspective effect. Розробка Інтернет-магазину для продажу товарів є досить актуальним з огляду на можливості залучення нових клієнтів. Основною задачею при просуванні магазину на Інтернет-ринку є забезпечення конкурентних переваг і унікальності контенту. Візуальне конфігурування продукту є таким інструментом. Воно забезпечує зацікавленість споживача, формування для нього унікальної пропозиції та забезпечує індивідуальний підхід і лояльність. Це особливо важливо для компаній, які пропонують нанесення будь-яких логотипів на сувенірні вироби. При цьому важливо забезпечити користувача інструментами для нанесення різноманітних ефектів на зображення логотипу при розміщенні його на зображенні продукту. При дослідженні і виборі інструментів для реалізації даної задачі було обґрунтовано використання мови JavaScript для розробки, а також компоненту Canvas для виведення зображень з ефектами деформації (warp effects). З використанням обраної мови було розроблено універсальні компоненти, які дозволяють наносити такі ефекти деформації та викривлення зображень логотипів: ефекти деформації з використанням сплайнів, ефекти деформації з використанням рівняння еліпсу, деформація з ефектом арки, деформація з ефектом перспективи.ukwebsitebrowserlogoJavaScriptCSSHTMLcanvasweb-сайтбраузерлоготипArticle