KR20230125580A - System for application automatic cutting line and the operating method thereof - Google Patents

System for application automatic cutting line and the operating method thereof Download PDF

Info

Publication number
KR20230125580A
KR20230125580A KR1020220022348A KR20220022348A KR20230125580A KR 20230125580 A KR20230125580 A KR 20230125580A KR 1020220022348 A KR1020220022348 A KR 1020220022348A KR 20220022348 A KR20220022348 A KR 20220022348A KR 20230125580 A KR20230125580 A KR 20230125580A
Authority
KR
South Korea
Prior art keywords
cutting line
cutting
generating
area
line data
Prior art date
Application number
KR1020220022348A
Other languages
Korean (ko)
Inventor
조기연
Original Assignee
주식회사 위블링
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 위블링 filed Critical 주식회사 위블링
Priority to KR1020220022348A priority Critical patent/KR20230125580A/en
Publication of KR20230125580A publication Critical patent/KR20230125580A/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/04Manufacturing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0621Item configuration or customization
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/10Segmentation; Edge detection
    • G06T7/13Edge detection

Abstract

본 발명은 아크릴 제품 및 스티커 상품을 생산할 때 링고리의 위치 및 고정대의 위치를 편집하여 옵션을 포함한 컷팅라인 SVG 파일을 생성하는 컷팅라인 자동 응용 시스템 및 그 동작 방법에 관한 것으로서, 이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성하는 제1 단계, 상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천하는 제2 단계 및 추천 및 편집에 따라 상기 컷팅라인 데이터에 상기 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성하는 제3 단계를 포함한다. The present invention relates to an automatic cutting line application system and its operating method for generating a cutting line SVG file including options by editing the position of a ring ring and the position of a fixture when producing acrylic products and sticker products, and a pixel value of image data. A first step of generating a cutting area by binarizing according to , generating an outer line in an expanded area in which the cutting area is inflated according to a preset margin, and generating cutting line data of vector information with the outer line, the cutting A second step of recommending placement of additional options based on pixel information of line data, and a third step of generating cutting line data including options by applying the location of the additional options to the cutting line data according to recommendation and editing. includes

Description

컷팅라인 자동 응용 시스템 및 그 동작 방법{SYSTEM FOR APPLICATION AUTOMATIC CUTTING LINE AND THE OPERATING METHOD THEREOF}Cutting line automatic application system and its operation method {SYSTEM FOR APPLICATION AUTOMATIC CUTTING LINE AND THE OPERATING METHOD THEREOF}

본 발명은 컷팅라인 자동 응용 시스템 및 그 동작 방법에 관한 것으로서, 보다 상세하게는 아크릴 제품 및 스티커 상품을 생산할 때 링고리의 위치 및 고정대의 위치를 편집하여 옵션을 포함한 컷팅라인 SVG 파일을 생성하는 기술에 관한 것이다. The present invention relates to an automatic cutting line application system and its operation method, and more particularly, to editing the position of a ring ring and the position of a fixture when producing acrylic products and sticker products to create a cutting line SVG file including options. It is about.

아크릴 및 스티커 상품을 생산하기 위해서는 이미지만을 추출하는 작업이 필요하다. 이를 해당 업종에서는 ‘누끼’라는 말로 사용하기도 한다. In order to produce acrylic and sticker products, it is necessary to extract only images. In the industry, this is sometimes used as the word ‘lucky’.

그러나, 상품을 생산하기 위한 이미지 추출 작업은 사진 이미지를 포토샵 등의 그래픽 편집 소프트웨어를 이용하여 편집해야 하므로, 전문적인 기술이 필요한 것은 물론, 그래픽 전문가라 하더라도 많은 시간과 노력이 필요한 작업이다. 이에, 스마트폰 또는 카메라 등의 디지털 촬영 장치로 사진을 찍거나, 온라인 상에 공유되는 사진 이미지를 사용하고자 하는 일반적인 사용자는 고가의 편집 소프트웨어를 소유하지 못할뿐더러 편집 소프트웨어를 가지고 있더라도 그래픽 편집작업을 수행하기란 쉽지 않다. However, since the image extraction work for producing a product needs to be edited using graphic editing software such as Photoshop, it is a job that requires professional skills as well as a lot of time and effort even for a graphic expert. Therefore, general users who want to take pictures with a digital shooting device such as a smartphone or camera or use photo images shared online do not own expensive editing software, and even if they have editing software, they can perform graphic editing tasks. It's not easy to do.

더욱이, 사진 이미지를 별도로 가공 및 편집하지 않고서는 상품을 제작하기 위한 디자인 소스로 사용할 수 없기 때문에 이미지를 다양하게 활용하지 못한다는 한계가 존재하였다. Moreover, there was a limit that the image could not be used in various ways because it could not be used as a design source for producing a product without separately processing and editing the photo image.

이러한 문제를 최소화하기 위해 기존에는 사용자가 컷팅라인 SVG 파일을 생성하기 위해 어도비 일러스트 프로그램 또는 기타 프로그램을 이용하여 직접 컷팅라인(vector)을 만들어 생산업체에 전달하는 방식을 사용하였으나, 이는 시간이 많이 소요되는 단점이 존재하며, 사용자가 직접 프로그램을 다룰 수 있어야 한다는 한계가 존재하였다. In order to minimize this problem, in the past, users have used Adobe Illustrator or other programs to directly create cutting lines (vectors) and deliver them to manufacturers to create cutting line SVG files, but this takes a lot of time. There is a disadvantage of being, and there is a limit that the user must be able to handle the program directly.

본 발명의 목적은 아크릴 제품 및 스티커 상품을 생산하기 위해 필수적으로 필요한 컷팅라인 데이터를 이미지 데이터 분석을 통해 자동으로 생성하며, 컷팅라인 데이터에 링고리 및 고정대의 위치를 적용하여 옵션을 포함한 컷팅라인 SVG 파일을 생성하고자 한다. The object of the present invention is to automatically generate cutting line data essential for producing acrylic products and sticker products through image data analysis, and to apply the location of ring rings and fixtures to the cutting line data to cut line SVG including options. I want to create a file.

다만, 본 발명이 해결하고자 하는 기술적 과제들은 상기 과제로 한정되는 것은 아니며, 본 발명의 기술적 사상 및 영역으로부터 벗어나지 않은 범위에서 다양하게 확장될 수 있다. However, the technical problems to be solved by the present invention are not limited to the above problems, and can be variously expanded without departing from the technical spirit and scope of the present invention.

본 발명의 실시예에 따른 컴퓨터에 의해 적어도 일시적으로 구현되는 컷팅라인 자동 응용 시스템의 동작 방법에 있어서, 이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성하는 제1 단계, 상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천하는 제2 단계 및 추천 및 편집에 따라 상기 컷팅라인 데이터에 상기 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성하는 제3 단계를 포함한다.In the operating method of an automatic cutting line application system implemented at least temporarily by a computer according to an embodiment of the present invention, a cutting area is generated by binarization according to a pixel value of image data, and the cutting area is set to a preset margin. A first step of creating an outline in the expanded area expanded along the line and generating cutting line data of vector information using the outline, a second step of recommending placement of additional options based on the pixel information of the cutting line data. and a third step of generating cutting line data including the option by applying the location of the additional option to the cutting line data according to the recommendation and editing.

상기 제2 단계는 상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 상기 이미지 데이터의 적용 대상 상품에 따라 링고리 또는 고정대의 상기 추가 옵션의 배치를 추천할 수 있다.In the second step, based on the pixel information of the cutting line data, the placement of the additional option on the ring ring or fixing stand may be recommended according to the product to which the image data is applied.

상기 제2 단계는 상기 컷팅라인 데이터의 픽셀 정보를 기반으로 라인에 따라 링고리의 궤적을 추출하며, 상기 컷팅라인 데이터에서 특정 위치에 링고리를 자동 생성하여 추천할 수 있다.In the second step, the trajectory of the ring ring is extracted according to the line based on the pixel information of the cutting line data, and a ring ring can be automatically generated and recommended at a specific position in the cutting line data.

상기 제3 단계는 사용자의 선택 입력에 따른 터치 드래그를 통해 상기 컷팅라인 데이터의 궤적에 따라 움직이는 링고리의 위치를 제공하여 상기 추가 옵션의 위치를 적용할 수 있다.In the third step, the position of the additional option may be applied by providing the position of the ring ring moving along the trajectory of the cutting line data through touch drag according to the user's selection input.

상기 제2 단계는 상기 컷팅라인 데이터의 픽셀 정보와 폭(width) 크기를 기반으로 상기 고정대의 스탠드가 움직일 수 있는 범위 내에서 좌, 우 궤적을 추출하며, 상기 컷팅라인 데이터의 하단에 특정 위치에 고정대를 자동 생성하여 추천할 수 있다.The second step extracts the left and right trajectories within the movable range of the stand of the fixing table based on the pixel information and the width of the cutting line data, and at a specific location at the lower end of the cutting line data. A fixture can be automatically created and recommended.

상기 제3 단계는 사용자의 선택 입력에 따른 터치 드래그를 통해 상기 컷팅라인 데이터의 좌, 우 궤적에 따라 움직이는 고정대의 위치를 제공하여 상기 추가 옵션의 위치를 적용할 수 있다.In the third step, the position of the additional option may be applied by providing the position of the moving stand according to the left and right trajectories of the cutting line data through touch drag according to the user's selection input.

상기 제1 단계는 상기 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 컷팅라인을 생성할 상기 컷팅 영역을 생성하는 단계, 이진화된 색상 데이터를 기본으로, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창하여 상기 확장된 영역을 생성하는 단계, 상기 확장된 영역에서 상기 외곽 라인을 생성하는 단계 및 상기 외각 라인을 점들로 연결하여 벡터(vector) 정보의 상기 컷팅라인 데이터를 생성하는 단계를 포함할 수 있다.In the first step, binarization is performed according to pixel values of the image data to generate the cutting area to generate a cutting line, and the cutting area is expanded according to a preset margin based on the binarized color data. The method may include generating the extended area, generating the outer line in the expanded area, and generating the cutting line data of vector information by connecting the outer line with dots. .

상기 컷팅 영역을 생성하는 단계는 픽셀마다 RGBA(Rad, Green, Blue, Alpha) 정보를 포함한 상기 이미지 데이터의 픽셀 값에 따라 알파 값이 불투명(255)의 반인 125인 값을 기준으로 이진화하여 상기 컷팅 영역을 생성할 수 있다. In the step of generating the cutting area, the alpha value is binarized based on a value of 125, which is half of the opacity 255, according to the pixel value of the image data including RGBA (Rad, Green, Blue, Alpha) information for each pixel, and the cutting area area can be created.

상기 확장된 영역을 생성하는 단계는 상기 이진화된 색상 데이터를 이용한 모폴로지(Morphology) 기법의 팽창(Dilation) 연산을 적용하여 상기 컷팅 영역을 기준으로, 기 설정된 상기 여유 정도에 따라 팽창하여 상기 확장된 영역을 생성할 수 있다.In the step of generating the extended area, a dilation operation of a morphology technique using the binarized color data is applied, and the expanded area is dilated based on the cutting area according to the predetermined amount of margin. can create

상기 외곽 라인을 생성하는 단계는 상기 확장된 영역에서 모폴로지(Morphology) 기법의 침식(Erosion) 연산을 응용하여 상기 외곽 라인을 생성할 수 있다.In the generating of the outer line, the outer line may be generated by applying an erosion operation of a morphology technique in the expanded area.

상기 컷팅라인 데이터를 생성하는 단계는 픽셀 정보인 상기 외곽 라인의 점들을 연결하여 벡터 정보로 사용할 좌표를 추출하여 상기 컷팅라인 데이터를 생성할 수 있다.In the generating of the cutting line data, the cutting line data may be generated by connecting dots of the outer line, which are pixel information, and extracting coordinates to be used as vector information.

본 발명의 실시예에 따른 컴퓨터에 의해 적어도 일시적으로 구현되는 컷팅라인 자동 응용 시스템에 있어서 이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성하는 컷팅라인 생성부, 상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천하는 옵션 추천부 및 추천 및 편집에 따라 상기 컷팅라인 데이터에 상기 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성하는 옵션 적용부를 포함한다. In the cutting line automatic application system implemented at least temporarily by a computer according to an embodiment of the present invention, a cutting area is created by binarizing image data according to a pixel value, and the cutting area is expanded according to a preset margin. A cutting line generation unit that creates an outline in the area where the outline is drawn and generates cutting line data of vector information using the outline, an option recommendation unit that recommends placement of additional options based on the pixel information of the cutting line data, and recommendation and An option application unit for generating cutting line data including the option by applying the location of the additional option to the cutting line data according to editing.

본 발명의 목적은 아크릴 제품 및 스티커 상품을 생산하기 위해 필수적으로 필요한 컷팅라인 SVG 파일을 이미지 데이터를 분석하여 자동으로 생성함으로써, 전문가가 아닌 일반적인 사용자가 고가의 그래픽 편집 소프트웨어를 사용하지 않더라도 쉽게 컷팅라인 파일을 생성하여 원하는 제품 및 상품을 제작할 수 있도록 한다. An object of the present invention is to automatically create a cutting line SVG file, which is essential for producing acrylic products and sticker products, by analyzing image data, so that ordinary users who are not experts can easily cut lines without using expensive graphic editing software. Create files so that desired products and products can be produced.

본 발명의 목적은 아크릴 키링 상품 또는 아크릴 스탠드 상품을 만들 때 필요한 링고리의 위치 및 고정대의 위치를 적용하여 옵션을 포함한 컷팅라인 SVG 파일을 생성함으로써, 사용자가 다양한 키링 상품 또는 스탠드 상품에 적용 가능한 제품을 제작할 수 있도록 한다. An object of the present invention is to generate a cutting line SVG file including options by applying the position of the ring ring and the position of the fixture required when making an acrylic keyring product or an acrylic stand product, so that the user can apply to various keyring products or stand products. make it possible to produce

다만, 본 발명의 효과는 상기 효과들로 한정되는 것은 아니며, 본 발명의 기술적 사상 및 영역으로부터 벗어나지 않는 범위에서 다양하게 확장될 수 있다. However, the effects of the present invention are not limited to the above effects, and can be variously extended without departing from the technical spirit and scope of the present invention.

도 1은 본 발명의 일 실시예에 따른 네트워크 환경을 설명하기 위한 일 예시도를 도시한 것이다.
도 2는 도 1에 도시된 전자 기기 및 서버의 내부 구성을 설명하기 위한 일 예시도를 도시한 것이다.
도 3은 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템의 동작 방법의 흐름도를 도시한 것이다.
도 4는 본 발명의 실시예에 따른 컷팅라인 데이터를 생성하는 과정의 흐름도를 도시한 것이다.
도 5는 본 발명의 실시예에 따른 컷팅라인 데이터를 생성하는 과정에 따른 각 예를 도시한 것이다.
도 6은 본 발명의 실시예에 따른 컷팅라인 데이터의 예를 도시한 것이다.
도 7 및 도 8은 본 발명의 실시예에 따른 링고리의 위치를 추천 및 편집하는 예를 도시한 것이다.
도 9 및 도 10은 본 발명의 실시예에 따른 고정대의 위치를 추천 및 편집하는 예를 도시한 것이다.
도 11은 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템에 대한 구성을 도시한 것이다.
도 12는 본 발명의 실시예에 따른 컷팅라인 생성부의 세부 구성에 대한 블록도를 도시한 것이다.
1 illustrates an exemplary diagram for explaining a network environment according to an embodiment of the present invention.
FIG. 2 is an exemplary view for explaining internal configurations of the electronic device and server shown in FIG. 1 .
3 is a flowchart of a method of operating an automatic cutting line application system according to an embodiment of the present invention.
4 is a flowchart of a process of generating cutting line data according to an embodiment of the present invention.
5 illustrates each example according to a process of generating cutting line data according to an embodiment of the present invention.
6 illustrates an example of cutting line data according to an embodiment of the present invention.
7 and 8 show examples of recommending and editing the location of ring rings according to an embodiment of the present invention.
9 and 10 illustrate examples of recommending and editing the location of a fixture according to an embodiment of the present invention.
11 shows the configuration of an automatic cutting line application system according to an embodiment of the present invention.
12 is a block diagram of a detailed configuration of a cutting line generating unit according to an embodiment of the present invention.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나, 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다.Advantages and features of the present invention, and methods of achieving them, will become clear with reference to the detailed description of the following embodiments taken in conjunction with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below and will be implemented in various forms different from each other, only these embodiments make the disclosure of the present invention complete, and common knowledge in the art to which the present invention pertains. It is provided to completely inform the person who has the scope of the invention, and the present invention is only defined by the scope of the claims.

본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며, 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "포함하는(comprising)"은 언급된 구성요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.Terms used in this specification are for describing the embodiments and are not intended to limit the present invention. In this specification, singular forms also include plural forms unless specifically stated otherwise in a phrase. As used herein, "comprises" and/or "comprising" means that a stated component, step, operation, and/or element is present in the presence of one or more other components, steps, operations, and/or elements. or do not rule out additions.

다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있을 것이다. 또한, 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다.Unless otherwise defined, all terms (including technical and scientific terms) used in this specification may be used in a meaning commonly understood by those of ordinary skill in the art to which the present invention belongs. In addition, terms defined in commonly used dictionaries are not interpreted ideally or excessively unless explicitly specifically defined.

이하, 첨부한 도면들을 참조하여, 본 발명의 바람직한 실시예들을 보다 상세하게 설명하고자 한다. 도면 상의 동일한 구성요소에 대해서는 동일한 참조 부호를 사용하고 동일한 구성요소에 대해서 중복된 설명은 생략한다.Hereinafter, with reference to the accompanying drawings, preferred embodiments of the present invention will be described in more detail. The same reference numerals are used for the same components in the drawings, and redundant descriptions of the same components are omitted.

본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템 및 그 동작 방법은, 이미지 데이터를 분석하여 자동으로 컷팅라인 데이터를 생성하고, 컷팅라인 데이터에 추가 옵션을 적용하여 옵션을 포함한 컷팅라인 SVG 파일(이하에서는 ‘컷팅라인 데이터’라 칭함)을 생성하는 것을 그 요지로 한다. The cutting line automatic application system and its operating method according to an embodiment of the present invention analyzes image data to automatically generate cutting line data, applies additional options to the cutting line data, and cuts line SVG files including options (hereinafter It is referred to as 'cutting line data' in ).

본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템은 모바일 애플리케이션(Application) 또는 온라인 사이트의 형태로 제공되며, 사용자는 본 발명의 컷팅라인 자동 응용 시스템을 통해 본인이 소유한 이미지 데이터 또는 전문가에 의해 창작된 이미지 데이터 또는 온라인 상에 공유된 이미지 데이터를 컷팅라인 데이터로 생성하고, 생성된 컷팅라인 데이터에 링고리 및 고정대의 추가 옵션을 적용하여 옵션을 포함한 컷팅라인 SVG 파일로 생성함으로써, 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈를 DIY할 수 있다. The automatic cutting line application system according to an embodiment of the present invention is provided in the form of a mobile application (Application) or an online site, and the user can use the automatic cutting line application system of the present invention to create image data owned by the user or created by an expert. By creating cutting line data from created image data or image data shared online, and by applying additional options for rings and fixtures to the created cutting line data, it is created as a cutting line SVG file with options, such as acrylic keyring and acrylic You can DIY goods such as stickers or transparent products using acrylic like life-size figures.

사용자는 소지하는 스마트폰, 데스크탑 PC, 모바일 단말, PDA, 노트북 및 태블릿 PC 중 적어도 어느 하나의 단말기(또는 전자 기기)를 통해 컷팅라인을 생성하여 굿즈를 생성할 수 있다. 이때, 본 발명은 사용자가 소지하는 단말기 내 애플리케이션(Application) 또는 온라인 사이트를 통해 사용자의 선택 입력에 따른 정보를 수신할 수 있으며, 상기 단말기는 터치-감지 영역을 포함하는 스크린을 통해 소정의 기능 집합의 동작을 수행할 수 있는 터치 스크린 형태의 디스플레이를 포함하는 것일 수 있고, 하나 이상의 물리적 버튼 또는 가상의 버튼을 포함하는 기기일 수 있으므로 종류 및 형태는 이에 한정되지 않는다. A user may create goods by creating a cutting line through at least one terminal (or electronic device) of a smartphone, desktop PC, mobile terminal, PDA, laptop computer, and tablet PC. At this time, the present invention can receive information according to a user's selection input through an application in a terminal owned by the user or an online site, and the terminal has a set of predetermined functions through a screen including a touch-sensing area. It may include a display in the form of a touch screen capable of performing the operation of, and may be a device including one or more physical buttons or virtual buttons, so the type and form are not limited thereto.

이하에서는 도 1 내지 도 12를 참조하여 본 발명에 대해 상세히 설명한다.Hereinafter, the present invention will be described in detail with reference to FIGS. 1 to 12 .

도 1은 본 발명의 일 실시예에 따른 네트워크 환경을 설명하기 위한 일 예시도를 도시한 것으로, 도 1의 네트워크 환경은 복수의 전자 기기들(110, 120, 130, 140), 복수의 서버들(150, 160) 및 네트워크(170)를 포함하는 예를 나타내고 있다. 이러한 도 1은 발명의 설명을 위한 일례로 전자 기기의 수나 서버의 수가 도 1과 같이 한정되는 것은 아니다.FIG. 1 shows an exemplary diagram for explaining a network environment according to an embodiment of the present invention, and the network environment of FIG. 1 includes a plurality of electronic devices 110, 120, 130, and 140, and a plurality of servers. An example including (150, 160) and network 170 is shown. 1 is an example for explanation of the invention, and the number of electronic devices or servers is not limited as shown in FIG. 1 .

복수의 전자 기기들(110, 120, 130, 140)은 컴퓨터 장치로 구현되는 이동형 단말일 수 있다. 복수의 전자 기기들(110, 120, 130, 140)의 예를 들면, 스마트폰(smart phone), 휴대폰, 태블릿 PC, 내비게이션, 컴퓨터, 노트북, 디지털방송용 단말, PDA(Personal Digital Assistants), PMP(Portable Multimedia Player), 사용자 착용 장치(웨어러블 디바이스) 등이 있다. 일례로 제1 전자 기기(110)는 무선 또는 유선 통신 방식을 이용하여 네트워크(170)를 통해 다른 전자 기기들(120, 130, 140) 및/또는 서버(150, 160)와 통신할 수 있다.The plurality of electronic devices 110, 120, 130, and 140 may be mobile terminals implemented as computer devices. Examples of the plurality of electronic devices 110, 120, 130, and 140 include smart phones, mobile phones, tablet PCs, navigation devices, computers, laptop computers, digital broadcasting terminals, personal digital assistants (PDAs), and PMPs ( Portable Multimedia Player), user wearable devices (wearable devices), and the like. For example, the first electronic device 110 may communicate with the other electronic devices 120, 130, and 140 and/or the servers 150 and 160 through the network 170 using a wireless or wired communication method.

통신 방식은 제한되지 않으며, 네트워크(170)가 포함할 수 있는 통신망(일례로, 이동통신망, 유선 인터넷, 무선 인터넷, 방송망)을 활용하는 통신 방식뿐만 아니라 기기들간의 근거리 무선 통신 역시 포함될 수 있다. 예를 들어, 네트워크(170)는, PAN(personal area network), LAN(local area network), CAN(campus area network), MAN(metropolitan area network), WAN(wide area network), BBN(broadband network), 인터넷 등의 네트워크 중 하나 이상의 임의의 네트워크를 포함할 수 있다. 또한, 네트워크(170)는 버스 네트워크, 스타 네트워크, 링 네트워크, 메쉬 네트워크, 스타-버스 네트워크, 트리 또는 계층적(hierarchical) 네트워크 등을 포함하는 네트워크 토폴로지 중 임의의 하나 이상을 포함할 수 있으나, 이에 제한되지 않는다.The communication method is not limited, and short-distance wireless communication between devices as well as a communication method utilizing a communication network (eg, a mobile communication network, a wired Internet, a wireless Internet, and a broadcasting network) that the network 170 may include may also be included. For example, the network 170 may include a personal area network (PAN), a local area network (LAN), a campus area network (CAN), a metropolitan area network (MAN), a wide area network (WAN), and a broadband network (BBN). , one or more arbitrary networks such as the Internet. In addition, the network 170 may include any one or more of network topologies including a bus network, a star network, a ring network, a mesh network, a star-bus network, a tree or a hierarchical network, and the like. Not limited.

서버(150, 160) 각각은 복수의 전자 기기들(110, 120, 130, 140)과 네트워크(170)를 통해 통신하여 명령, 코드, 파일, 콘텐츠, 서비스 등을 제공하는 컴퓨터 장치 또는 복수의 컴퓨터 장치들로 구현될 수 있다.Each of the servers 150 and 160 communicates with the plurality of electronic devices 110, 120, 130, and 140 through the network 170 to provide commands, codes, files, contents, services, and the like, or a computer device or a plurality of computers. It can be implemented in devices.

일례로, 서버(160)는 네트워크(170)를 통해 접속한 제1 전자 기기(110)로 애플리케이션의 설치를 위한 파일을 제공할 수 있다. 이 경우 제1 전자 기기(110)는 서버(160)로부터 제공된 파일을 이용하여 애플리케이션을 설치할 수 있다. 또한, 제1 전자 기기(110)가 포함하는 운영체제(Operating System, OS)나 적어도 하나의 프로그램(일례로 브라우저나 상기 설치된 애플리케이션)의 제어에 따라 서버(150)에 접속하여 서버(150)가 제공하는 서비스나 콘텐츠를 제공받을 수 있다. 예를 들어, 제1 전자 기기(110)가 애플리케이션의 제어에 따라 네트워크(170)를 통해 서비스 요청 메시지를 서버(150)로 전송하면, 서버(150)는 서비스 요청 메시지에 대응하는 코드를 제1 전자 기기(110)로 전송할 수 있고, 제1 전자 기기(110)는 애플리케이션의 제어에 따라 코드에 따른 화면을 구성하여 표시함으로써 사용자에게 콘텐츠를 제공할 수 있다.For example, the server 160 may provide a file for installing an application to the first electronic device 110 accessed through the network 170 . In this case, the first electronic device 110 may install an application using a file provided from the server 160 . In addition, the server 150 is connected to the server 150 under the control of an operating system (OS) included in the first electronic device 110 or at least one program (for example, a browser or the installed application), and the server 150 provides services or content may be provided. For example, when the first electronic device 110 transmits a service request message to the server 150 through the network 170 under the control of an application, the server 150 transmits a code corresponding to the service request message to the first It can be transmitted to the electronic device 110, and the first electronic device 110 can provide content to the user by configuring and displaying a screen according to a code under the control of an application.

도 2는 도 1에 도시된 전자 기기 및 서버의 내부 구성을 설명하기 위한 일 예시도를 도시한 것으로, 도 2에서는 사용자가 소지한 단말인 하나의 전자 기기에 대한 예로서 제1 전자 기기(110), 그리고 사용자의 단말과 통신하는 하나의 서버에 대한 예로서 서버(150)의 내부 구성을 설명한다. 이에, 이하 제1 전자 기기(110)는 사용자의 단말을 의미하며, 서버(150)는 사용자의 단말과 통신하는 서버를 의미한다. 다른 전자 기기들(120, 130, 140)이나 서버(160) 역시 동일한 또는 유사한 내부 구성을 가질 수 있다.FIG. 2 shows an exemplary view for explaining the internal configuration of the electronic device and server shown in FIG. 1, and in FIG. 2, a first electronic device 110 as an example of one electronic device that is a terminal owned by a user. ), and the internal configuration of the server 150 will be described as an example for one server communicating with the user's terminal. Accordingly, hereinafter, the first electronic device 110 means a user's terminal, and the server 150 means a server communicating with the user's terminal. Other electronic devices 120 , 130 , and 140 or the server 160 may also have the same or similar internal configuration.

제1 전자 기기(110)와 서버(150)는 메모리(211, 221), 프로세서(212, 222), 통신 모듈(213, 223) 그리고 입출력 인터페이스(214, 224)를 포함할 수 있다. 메모리(211, 221)는 컴퓨터에서 판독 가능한 기록 매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 또한, 메모리(211, 221)에는 운영체제나 적어도 하나의 프로그램 코드(일례로 제1 전자 기기(110)에 설치되어 구동되는 애플리케이션 등을 위한 코드)가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 메모리(211, 221)와는 별도의 컴퓨터에서 판독 가능한 기록 매체로부터 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독 가능한 기록 매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독 가능한 기록 매체를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독 가능한 기록 매체가 아닌 통신 모듈(213, 223)을 통해 메모리(211, 221)에 로딩될 수도 있다. 예를 들어, 적어도 하나의 프로그램은 개발자들 또는 애플리케이션의 설치 파일을 배포하는 파일 배포 시스템(일례로 상술한 서버(160))이 네트워크(170)를 통해 제공하는 파일들에 의해 설치되는 프로그램(일례로 상술한 애플리케이션)에 기반하여 메모리(211, 221)에 로딩될 수 있다.The first electronic device 110 and the server 150 may include memories 211 and 221, processors 212 and 222, communication modules 213 and 223, and input/output interfaces 214 and 224. The memories 211 and 221 are computer-readable recording media and may include a random access memory (RAM), a read only memory (ROM), and a permanent mass storage device such as a disk drive. In addition, the memories 211 and 221 may store an operating system or at least one program code (for example, a code for an application installed and driven in the first electronic device 110). These software components may be loaded from a computer readable recording medium separate from the memories 211 and 221 . The separate computer-readable recording medium may include a computer-readable recording medium such as a floppy drive, a disk, a tape, a DVD/CD-ROM drive, and a memory card. In another embodiment, software components may be loaded into the memories 211 and 221 through the communication modules 213 and 223 rather than computer-readable recording media. For example, at least one program is a program installed by files provided by developers or a file distribution system (eg, the above-described server 160) that distributes installation files of applications through the network 170 (eg, the above-described server 160). It may be loaded into the memories 211 and 221 based on the above-described application).

프로세서(212, 222)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(211, 221) 또는 통신 모듈(213, 223)에 의해 프로세서(212, 222)로 제공될 수 있다. 예를 들어 프로세서(212, 222)는 메모리(211, 221)와 같은 기록 장치에 저장된 프로그램 코드에 따라 수신되는 명령을 실행하도록 구성될 수 있다.The processors 212 and 222 may be configured to process commands of a computer program by performing basic arithmetic, logic, and input/output operations. Instructions may be provided to processors 212 and 222 by memories 211 and 221 or communication modules 213 and 223 . For example, the processors 212 and 222 may be configured to execute instructions received according to program codes stored in a recording device such as the memories 211 and 221 .

통신 모듈(213, 223)은 네트워크(170)를 통해 제1 전자 기기(110)와 서버(150)가 서로 통신하기 위한 기능을 제공할 수 있으며, 다른 전자 기기(일례로 제2 전자 기기(120)) 또는 다른 서버(일례로 서버(160))와 통신하기 위한 기능을 제공할 수 있다. 일례로, 제1 전자 기기(110)의 프로세서(212)가 메모리(211)와 같은 기록 장치에 저장된 프로그램 코드에 따라 생성한 요청(일례로 검색 요청)이 통신 모듈(213)의 제어에 따라 네트워크(170)를 통해 서버(150)로 전달될 수 있다. 역으로, 서버(150)의 프로세서(222)의 제어에 따라 제공되는 제어 신호나 명령, 콘텐츠, 파일 등이 통신 모듈(223)과 네트워크(170)를 거쳐 제1 전자 기기(110)의 통신 모듈(213)을 통해 제1 전자 기기(110)로 수신될 수 있다. 예를 들어 통신 모듈(213)을 통해 수신된 서버(150)의 제어 신호나 명령 등은 프로세서(212)나 메모리(211)로 전달될 수 있고, 콘텐츠나 파일 등은 제1 전자 기기(110)가 더 포함할 수 있는 저장 매체로 저장될 수 있다.The communication modules 213 and 223 may provide a function for the first electronic device 110 and the server 150 to communicate with each other through the network 170, and other electronic devices (for example, the second electronic device 120). )) or a function for communicating with another server (for example, the server 160). For example, a request generated by the processor 212 of the first electronic device 110 according to a program code stored in a recording device such as the memory 211 (for example, a search request) is transmitted to the network under the control of the communication module 213. It may be transmitted to the server 150 through 170. Conversely, control signals, commands, contents, files, etc. provided under the control of the processor 222 of the server 150 pass through the communication module 223 and the network 170 to the communication module of the first electronic device 110. It can be received by the first electronic device 110 through 213. For example, control signals or commands of the server 150 received through the communication module 213 may be transmitted to the processor 212 or memory 211, and contents or files may be transferred to the first electronic device 110. Can be stored in a storage medium that can further include.

입출력 인터페이스(214)는 입출력 장치(215)와의 인터페이스를 위한 수단일 수 있다. 예를 들어, 입력 장치는 키보드 또는 마우스 등의 장치를, 그리고 출력 장치는 애플리케이션의 통신 세션을 표시하기 위한 디스플레이와 같은 장치를 포함할 수 있다. 다른 예로 입출력 인터페이스(214)는 터치스크린과 같이 입력과 출력을 위한 기능이 하나로 통합된 장치와의 인터페이스를 위한 수단일 수도 있다. 보다 구체적인 예로, 제1 전자 기기(110)의 프로세서(212)는 메모리(211)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어서 서버(150)나 제2 전자 기기(120)가 제공하는 데이터를 이용하여 구성되는 서비스 화면이나 콘텐츠가 입출력 인터페이스(214)를 통해 디스플레이에 표시될 수 있다. 입출력 인터페이스(224) 또한 마찬가지로 서버(150)의 프로세서(222)가 메모리(221)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어 서버(150)가 제공하는 데이터를 이용하여 구성되는 정보를 출력할 수 있다.The input/output interface 214 may be a means for interface with the input/output device 215 . For example, the input device may include a device such as a keyboard or mouse, and the output device may include a device such as a display for displaying a communication session of an application. As another example, the input/output interface 214 may be a means for interface with a device in which functions for input and output are integrated into one, such as a touch screen. As a more specific example, the processor 212 of the first electronic device 110 uses data provided by the server 150 or the second electronic device 120 in processing the command of the computer program loaded into the memory 211. The service screen or content configured as above may be displayed on the display through the input/output interface 214 . Similarly, the input/output interface 224 may output information configured using data provided by the server 150 when the processor 222 of the server 150 processes the command of the computer program loaded into the memory 221. there is.

또한, 다른 실시예들에서 제1 전자 기기(110) 및 서버(150)는 도 2의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 제1 전자 기기(110)는 상술한 입출력 장치(215) 중 적어도 일부를 포함하도록 구현되거나 또는 트랜시버(transceiver), GPS(Global Positioning System) 모듈, 카메라, 각종 센서, 데이터베이스 등과 같은 다른 구성요소들을 더 포함할 수도 있다. 보다 구체적인 예로, 제1 전자 기기(110)가 스마트폰인 경우, 일반적으로 스마트폰이 포함하고 있는 방위 센서, 가속도 센서나 자이로 센서, 카메라, 각종 물리적인 버튼, 터치패널을 이용한 버튼, 입출력 포트, 진동을 위한 진동기 등의 다양한 구성요소들이 제1 전자 기기(110)에 더 포함되도록 구현될 수 있음을 알 수 있다.Also, in other embodiments, the first electronic device 110 and the server 150 may include more components than those shown in FIG. 2 . However, there is no need to clearly show most of the prior art components. For example, the first electronic device 110 is implemented to include at least some of the above-described input/output devices 215 or other devices such as a transceiver, a global positioning system (GPS) module, a camera, various sensors, and a database. It may contain more components. As a more specific example, when the first electronic device 110 is a smartphone, a direction sensor, an acceleration sensor or a gyro sensor, a camera, various physical buttons, buttons using a touch panel, an input/output port, It can be seen that various components such as a vibrator for vibration may be implemented to be further included in the first electronic device 110 .

본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템은 사용자가 본인이 직접 이미지 데이터를 이용하여 상품을 제작하는 과정에서, 보다 퀄리티 높은 상품 제작을 위해 옵션을 포함한 컷팅라인 SVG 파일을 생성하는 것을 목적으로 한다. 이에, 사용자가 맞춤형 상품을 제작하는 과정에 대해 설명하자면, 본 발명의 실시예에 따른 시스템은 포토북, 액자, 카드, 기프트 상품 또는 굿즈의 상품에 대한 서로 다른 템플릿, 레이아웃 및 리소스를 제공하는 것으로, 사용자는 본 발명에서 제공하는 모바일 애플리케이션(Application) 또는 온라인 사이트를 통해 본인이 소유한 이미지 데이터 또는 전문가에 의해 창작된 이미지 데이터 또는 온라인 상에 공유된 이미지 데이터를 상품에 따른 템플릿, 레이아웃 및 리소스에 적용하여 포토북, 액자, 카드, 기프트 상품 또는 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈 등의 맞춤형 DIY 상품을 제작할 수 있다. The cutting line automatic application system according to an embodiment of the present invention is aimed at generating a cutting line SVG file including options for higher quality product production in the process of making a product using image data by the user himself/herself. do. Therefore, to explain the process of making a customized product by a user, the system according to an embodiment of the present invention provides different templates, layouts, and resources for photo books, picture frames, cards, gift products, or goods. , Through the mobile application or online site provided by the present invention, the user owns image data, image data created by experts, or image data shared online to templates, layouts, and resources according to products. It can be applied to produce customized DIY products such as photo books, picture frames, cards, gift products, transparent products using acrylic such as acrylic keyrings and acrylic life stands, or goods such as stickers.

도 3은 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템의 동작 방법의 흐름도를 도시한 것으로, 도 3의 방법은 도 11에 도시된 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템 또는 서버에서의 동작 흐름도를 나타낸 것이다. 또한, 도 4는 본 발명의 실시예에 따른 컷팅라인 데이터를 생성하는 과정의 흐름도를 도시한 것이며, 도 5는 본 발명의 실시예에 따른 컷팅라인 데이터를 생성하는 과정에 따른 각 예를 도시한 것이고, 도 6은 본 발명의 실시예에 따른 컷팅라인 데이터의 예를 도시한 것이다. 또한, 도 7 및 도 8은 본 발명의 실시예에 따른 링고리의 위치를 추천 및 편집하는 예를 도시한 것이며, 도 9 및 도 10은 본 발명의 실시예에 따른 고정대의 위치를 추천 및 편집하는 예를 도시한 것이다.3 is a flow chart of an operation method of an automatic cutting line application system according to an embodiment of the present invention, and the method of FIG. 3 is performed in an automatic cutting line application system or server according to an embodiment of the present invention shown in FIG. It shows the operation flow of 4 is a flowchart of a process of generating cutting line data according to an embodiment of the present invention, and FIG. 5 illustrates each example according to a process of generating cutting line data according to an embodiment of the present invention. 6 shows an example of cutting line data according to an embodiment of the present invention. 7 and 8 show examples of recommending and editing the position of the ring ring according to the embodiment of the present invention, and FIGS. 9 and 10 recommend and edit the position of the fixture according to the embodiment of the present invention. It shows an example of

도 3을 참조하면, 단계 S310에서, 이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성한다. 도 4 내지 도 6을 참조하여 단계 S310을 상세히 설명하자면, 단계 S410에서, 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 컷팅라인을 생성할 컷팅 영역(510)을 생성한다. 도 6에 도시된 바와 같이, 이미지 데이터(610)는 사용자가 굿즈로 활용하고자 하는 캐릭터, 사진, 이모티콘, 문자와 같은 콘텐츠를 포함할 수 있다. 일반적으로 이미지 데이터는 비트맵(bitmap) 방식으로 픽셀마다 RGBA(Rad, Green, Blue, Alpha) 정보를 가지며, 안티 알리싱 값이 있기 때문에 본 발명의 실시예에 따른 단계 S410은 알파(alpha) 값이 255(불투명)의 반인 125인 값을 기준으로 컷팅라인이 만들어질 컷팅 영역(610)을 생성할 수 있다. Referring to FIG. 3 , in step S310, a cutting area is created by binarizing the image data according to pixel values, an outline is created in the expanded area in which the cutting area is inflated according to a predetermined amount of margin, and a vector is used as the outline. Create cutting line data of information. Referring to FIGS. 4 to 6 , step S310 will be described in detail. In step S410, a cutting area 510 to generate a cutting line is created by binarization according to pixel values of image data. As shown in FIG. 6 , the image data 610 may include contents such as characters, photos, emoticons, and texts that the user wants to use as goods. In general, image data has RGBA (Rad, Green, Blue, Alpha) information for each pixel in a bitmap method, and since there is an anti-aliasing value, step S410 according to an embodiment of the present invention is an alpha value Based on the value of 125, which is half of 255 (opaque), the cutting area 610 where the cutting line will be made can be created.

이때, 단계 S410은 도 5(a)에 도시된 바와 같이, 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 125인 값을 기준으로 컷팅라인이 만들어질 영역을 생성할 수 있으며, 이미지 데이터의 투명 여부와, 배경 색상 데이터에 상관없이 이진화하여 컷팅 영역을 생성하는 것을 특징으로 한다. 예를 들면, 이미지 데이터는 컷팅라인 데이터로 생성할 이미지 데이터 외에 불투명 배경 또는 다양한 이미지 배경을 포함할 수 있으나, 단계 S410은 투명 여부와 배경 색상에 상관없이 이미지 데이터에 따라 이진화하여 컷팅라인을 생성할 컷팅 영역을 생성할 수 있다. At this time, in step S410, as shown in FIG. 5(a), binarization is performed according to pixel values of the image data to generate a region where a cutting line is to be made based on a value of 125, and transparency of the image data is generated. It is characterized in that the cutting area is generated by binarization regardless of whether or not the background color data is present. For example, the image data may include an opaque background or various image backgrounds in addition to the image data to be generated as cutting line data, but in step S410, the cutting line is generated by binarization according to the image data regardless of whether it is transparent or not and the background color. A cutting area can be created.

단계 S420에서, 이진화된 색상 데이터를 기본으로, 컷팅 영역을 기 설정된 여유 정도에 따라 팽창하여 확장된 영역을 생성한다. In step S420, based on the binarized color data, the cutting area is expanded according to a preset amount of margin to create an expanded area.

단계 S420은 도 5(b)에 도시된 바와 같이, 이진화된 색상 데이터를 이용한 모폴로지(Morphology) 기법의 팽창(Dilation) 연산을 적용하여 컷팅 영역(510)을 기준으로, 기 설정된 여유 정도에 따라 팽창하여 확장된 영역(520)을 생성할 수 있다. 이때, 단계 S420은 이미지 데이터의 적용 대상 상품 및 적용 대상 재질에 따라 여유 정도의 폭을 설정하여 적용시킬 수 있다. 일반적으로 확장된 영역(520)은 컷팅 영역(510)에서 1픽셀 팽창하여 확장한 영역인 것을 기본으로 하나 실시예에 따라서, 본 발명은 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈의 종류에 따라 최소 0.5 픽셀 내지 5 픽셀까지 팽창되는 픽셀을 설정하며, 단계 S420은 설정된 픽셀에 따른 여유 정도에 따라 컷팅 영역(510)을 팽창하여 확장된 영역(520)을 생성할 수도 있다. As shown in FIG. 5(b), in step S420, a dilation operation of a morphology technique using binarized color data is applied to dilate the cutting area 510 according to a preset margin. By doing so, an extended region 520 may be created. At this time, step S420 may set and apply the width of the degree of margin according to the product to which the image data is applied and the material to which it is applied. In general, the expanded area 520 is basically an area expanded by 1 pixel in the cutting area 510, but according to an embodiment, the present invention is a transparent product or sticker using acrylic such as an acrylic key ring and an acrylic life-size table. In step S420, the expanded area 520 may be created by expanding the cutting area 510 according to the degree of margin according to the set pixel. there is.

단계 S430에서, 확장된 영역에서 외곽 라인을 생성한다. In step S430, an outer line is created in the extended area.

단계 S430은 도 5(c)에 도시된 바와 같이, 확장된 영역(520)에서 모폴로지(Morphology) 기법의 침식(Erosion) 연산을 응용하여 외곽 라인(530)을 생성할 수 있다. 여기서, 단계 S430은 확장된 영역(520)의 팽창 오브젝트에서 1 픽셀로 축소된 이미지를 제거하여 외곽 라인(530)을 생성(팽창 오브젝트 - 1 픽셀 축소된 이미지 = 외곽 라인)할 수 있다. 일반적으로 외곽 라인(530)은 확장된 영역의 팽창 오브젝트에서 1 픽셀로 축소된 이미지를 제거하여 생성하는 것을 기본으로 하나 실시예에 따라서, 본 발명은 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈의 종류에 따라 최소 0.5 픽셀 내지 5 픽셀까지 축소된 이미지를 사용할 수 있으며, 단계 S430은 확장된 영역의 팽창 오브젝트에서 굿즈의 종류에 따라 축소된 이미지를 제거하여 외곽 라인(520)을 생성할 수도 있다. As shown in FIG. 5(c), in step S430, the outer line 530 may be generated by applying an erosion operation of a morphology technique in the extended area 520. Here, in step S430 , an outer line 530 may be generated by removing an image reduced by 1 pixel from the expanded object of the expanded area 520 (expanded object - reduced image by 1 pixel = outer line). In general, the outline 530 is created by removing an image reduced to 1 pixel from the expansion object of the expanded area, but according to an embodiment, the present invention is transparent using acrylic such as an acrylic keyring and an acrylic life-size stand. Depending on the type of goods such as products or stickers, an image reduced by at least 0.5 pixels to 5 pixels may be used. In step S430, the reduced image is removed according to the type of goods from the expansion object of the expanded area to form an outline (520 ) can also be created.

단계 S440에서, 외각 라인을 점들로 연결하여 벡터(vector) 정보의 컷팅라인 데이터를 생성한다. In step S440, cutting line data of vector information is generated by connecting outer lines with dots.

단계 S440은 도 5(d)에 도시된 바와 같이, 픽셀 정보인 외곽 라인(530)의 점들을 연결하여 벡터 정보로 사용할 좌표를 추출하여 컷팅라인 데이터(540)를 생성할 수 있다. 여기서, 컷팅라인 데이터(540)는 컷팅라인 SVG 파일을 일컫을 수 있다. As shown in FIG. 5(d), in step S440, cutting line data 540 may be generated by connecting dots of the outer line 530, which is pixel information, and extracting coordinates to be used as vector information. Here, the cutting line data 540 may refer to a cutting line SVG file.

이에 따라서, 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템의 동작 방법은 도 6에 도시된 바와 같이, 전술한 단계 S410 내지 단계 S440의 단계를 통해 이미지 데이터(610)에 대한 컷팅라인 데이터(620)를 획득할 수 있다. Accordingly, the operating method of the automatic cutting line application system according to an embodiment of the present invention, as shown in FIG. ) can be obtained.

다시 도 3을 참조하면, 단계 S320에서, 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천한다. 이후에 단계 S330에서, 추천 및 편집에 따라 컷팅라인 데이터에 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성한다. Referring back to FIG. 3 , in step S320, arrangement of additional options is recommended based on pixel information of the cutting line data. Afterwards, in step S330, the position of the additional option is applied to the cutting line data according to the recommendation and editing to generate the cutting line data including the option.

단계 S320은 단계 S310에서 생성된 컷팅라인 데이터의 픽셀 정보를 기반으로, 이미지 데이터의 적용 대상 상품에 따라 링고리 또는 고정대의 추가 옵션의 배치를 추천할 수 있다. 본 발명에서 제안하는 추가 옵션은 링고리 및 고정대로 설명하나, 이에 한정되는 것은 아니며 링고리 및 고정대 외에 굿즈를 생성할 때 필요한 옵션 종류이면 무관하다. 여기서, 링고리는 다른 사물에 연결되거나, 걸을 수 있도록 동그랗게 구부러져 형성된 고리를 나타내며, 고정대는 아크릴 스탠드를 세우기 위해 하단에 아크릴 판에 꼽아 고정시키는 부분을 나타낸다. 예를 들면, 고정대는 핼퍼를 포함할 수 있으며, 핼퍼는 하단의 고정대에서 이미지가 닿는 부분까지 위로 형성되어 이미지가 없는 연결 부분에도 아크릴이 생성되는 것을 나타낸다(도 10(d) 참조).In step S320, based on the pixel information of the cutting line data generated in step S310, it is possible to recommend the placement of additional options for rings or fixtures according to the product to which the image data is applied. The additional options proposed in the present invention are described as ring rings and fixtures, but are not limited thereto, and any option type required when creating goods other than ring rings and fixtures is irrelevant. Here, the ring ring represents a ring formed by being connected to another object or bent in a circle so as to be able to walk, and the fixing unit represents a part that is inserted into an acrylic plate at the bottom and fixed to build an acrylic stand. For example, the fixing table may include a helper, and the helper is formed upward from the lower fixing stand to the part where the image touches, indicating that acrylic is also generated on the connection part without the image (see FIG. 10(d)).

일 예로, 단계 S320은 컷팅라인 데이터의 픽셀 정보를 기반으로 컷팅라인 데이터의 라인에 따라 링고리의 궤적을 추출하며, 컷팅라인 데이터 중에서 특정 위치에 링고리를 자동 생성하여 추천하고, 단계 S330은 사용자의 선택 입력에 따른 마우스 드래그 또는 터치 드래그를 통해 컷팅라인 데이터의 궤적에 따라 움직이는 링고리의 위치를 제공하여 추가 옵션의 위치를 적용할 수 있다. For example, step S320 extracts the trajectory of the ring ring along the lines of the cutting line data based on pixel information of the cutting line data, automatically generates and recommends a ring ring at a specific position among the cutting line data, and step S330 The position of the additional option can be applied by providing the position of the ring ring moving along the trajectory of the cutting line data through mouse drag or touch drag according to the selection input of .

도 7 및 도 8을 참조하여 단계 S320의 일 예를 설명하자면, 단계 S320은 이미지 데이터(710)에 대한 컷팅라인 데이터의 픽셀 정보를 기반으로 컷팅라인 데이터의 라인에 따라 링고리의 궤적을 추출하며, 링고리(720)의 위치를 자동 생성하여 추천하고, 단계 S330에서 사용자의 선택 입력에 따라 지정된 링고리의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터(730)를 생성할 수 있다. To describe an example of step S320 with reference to FIGS. 7 and 8 , step S320 extracts the trajectory of the ring ring along the lines of the cutting line data based on pixel information of the cutting line data for the image data 710, , The position of the ring ring 720 is automatically generated and recommended, and the position of the ring ring designated according to the user's selection input in step S330 is applied to generate cutting line data 730 including options.

보다 상세하게, 도 8(a)는 배경이 투명한 png 이미지 데이터를 나타내며, 도 8(b)는 컷팅라인 및 링고리의 자동 생성을 나타내고, 도 8(c)는 링고리를 드래그하여 위치를 변경하는 예를 나타내며, 도 8(d)는 링고리 변경을 완료하여 추가 옵션의 위치를 적용한 예를 나타낸다. 도 8을 참조하면, 단계 S320은 이미지 데이터의 컷팅라인 데이터에서 픽셀(pixel) 정보를 기반으로 링고리(721)가 움직일 수 있는 컷팅라인 데이터의 라인에 따라 궤적을 추출하며, 컷팅라인 데이터에서 특정 위치에 자동으로 링고리를 생성하여 제공할 수 있다(도 8(b)). 이후에, 단계 S330은 링고리(721)를 움직이기 위해서는 링고리에 마우스를 올리면 링고리를 움직일 수 있다는 표시(예를 들어, 원형 색상으로 표시)를 사용자에게 제공하며, 사용자가 링고리를 마우스로 클릭하고, 드래그(722)하면 마우스 포인트(예를 들어, 모바일에서는 손가락 포인트)에서 가장 가까운 궤적을 찾아 링고리를 위치시킬 수 있다(도 8(c)). 이에 따라서, 단계 S330은 링고리가 궤적에서 벗어나지 않는 방식으로 컷팅라인 데이터의 라인 외곽을 따라 움직이는 모습을 실시간으로 보여주며, 사용자가 최종적으로 마우스 클릭 및 드래그를 멈추면 해당 위치에 링고리를 고정(723)시킨다(도 8(d)). In more detail, FIG. 8(a) shows png image data with a transparent background, FIG. 8(b) shows automatic generation of cutting lines and rings, and FIG. 8(c) changes the position by dragging the ring rings. 8 (d) shows an example of applying the location of the additional option by completing the ring ring change. Referring to FIG. 8, in step S320, a trajectory is extracted along a line of cutting line data in which a ring 721 can move based on pixel information in cutting line data of image data, and a specific It is possible to automatically generate and provide a ring ring at the location (FIG. 8 (b)). Thereafter, in step S330, in order to move the ring ring 721, when the mouse is placed on the ring ring, an indication that the ring ring can be moved (for example, displayed in a circular color) is provided to the user, and the user moves the ring ring with the mouse. Click and drag 722 to find the closest trajectory to the mouse point (eg, finger point in mobile) and locate the ring ring (FIG. 8(c)). Accordingly, step S330 shows in real time how the ring ring moves along the line outline of the cutting line data in a way that does not deviate from the trajectory, and when the user finally stops clicking and dragging the mouse, fix the ring ring at that position (723 ) (FIG. 8(d)).

다른 예로, 단계 S320은 컷팅라인 데이터의 픽셀 정보와 폭(width) 크기를 기반으로 고정대의 스탠드가 움직일 수 있는 범위 내에서 좌, 우 궤적을 추출하며, 컷팅라인 데이터의 하단에 특정 위치에 고정대를 자동 생성하여 추천하고, 단계 S330은 사용자의 선택 입력에 따른 마우스 드래그 또는 터치 드래그를 통해 컷팅라인 데이터의 좌, 우 궤적에 따라 움직이는 고정대의 위치를 제공하여 추가 옵션의 위치를 적용할 수 있다. As another example, in step S320, the left and right trajectories are extracted within the movable range of the stand of the fixture based on the pixel information and width of the cutting line data, and the fixture is placed at a specific location at the bottom of the cutting line data It is automatically generated and recommended, and in step S330, the position of the additional option can be applied by providing the position of the moving stand according to the left and right trajectories of the cutting line data through mouse drag or touch drag according to the user's selection input.

도 9 및 도 10을 참조하여 단계 S320의 다른 예를 설명하자면, 단계 S320은 이미지 데이터(910)에 대한 컷팅라인 데이터의 픽셀 정보와 폭(width) 크기를 기반으로 고정대의 궤적을 추출하며, 고정대(920)의 위치를 자동 생성하여 추천하고, 단계 S330에서 사용자의 선택 입력에 따라 지정된 고정대의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터(930)를 생성할 수 있다.Referring to another example of step S320 with reference to FIGS. 9 and 10 , step S320 extracts the trajectory of the fixed table based on the pixel information and width of the cutting line data for the image data 910, and The position of 920 is automatically generated and recommended, and the position of the fixed stand designated according to the user's selection input is applied in step S330 to generate cutting line data 930 including options.

보다 상세하게, 도 10(a)는 배경이 투명한 png 이미지 데이터를 나타내며, 도 10(b)는 컷팅라인 및 고정대의 자동 생성을 나타내고, 도 10(c)는 고정대를 드래그하여 위치를 변경하는 예를 나타내며, 도 10(d)는 고정대 변경을 완료하여 추가 옵션의 위치를 적용한 예를 나타낸다. 도 10을 참조하면, 단계 S320은 이미지 데이터의 컷팅라인 데이터에서 픽셀(pixel) 정보와 폭(width) 크기를 기반으로 고정대의 스탠드(921)가 움직일 수 있는 좌, 우 궤적을 추출하며, 컷팅라인 데이터의 하단 특정 위치에 자동으로 고정대를 생성하여 제공할 수 있다(도 10(b)). 이때, 단계 S320은 링고리와 달리, 고정대를 이미지 데이터의 가장 아랫부분에 자동으로 생성하는 것을 특징으로 하며, 고정대는 이미지 데이터의 하단에서 좌측 또는 우측으로만 이동이 가능하다. 이러한 이유는 고정대는 하단에 위치하며 이미지를 지지해주는 역할이므로, 하단의 좌측 또는 우측으로만 이동한다. 이후에, 단계 S330은 고정대(921)를 움직이기 위해서는 고정대에 마우스를 올리면 고정대가 움직일 수 있다는 표시(예를 들어, 직사각형 색상으로 표시)를 사용자에게 제공하며, 사용자가 고정대를 마우스로 클릭하고, 드래그(922)하면 마우스 포인트(예를 들어, 모바일에서는 손가락 포인트)에서 좌우 궤적을 벗어나지 않는 가장 가까운 부분에 고정대를 위치시킬 수 있다(도 10(c)). 이에 따라서, 단계 S330은 고정대가 이미지 데이터의 좌, 우 궤적을 벗어나지 않는 방식으로 움직이는 모습을 실시간으로 보여주며, 사용자가 최종적으로 마우스 클릭 및 드래그를 멈추면 해당 위치에 고정대를 고정(923)시킨다(도 10(d)). 이때, 도 10(d)에 도시된 바와 같이, 본 발명은 이미지 데이터의 좌측 하단에 형성된 고정대에 따라 이미지가 좌측 윗 부분 즉, 팔 이미지에 닿는 부분까지 위로 형성되어 이미지가 없는 부분에도 아크릴이 생성된 핼퍼를 포함할 수 있다. In more detail, FIG. 10(a) shows PNG image data with a transparent background, FIG. 10(b) shows automatic creation of a cutting line and a fixing table, and FIG. 10(c) shows an example of changing the location by dragging a fixing stand. , and FIG. 10(d) shows an example in which the position of the additional option is applied by completing the change of the fixing table. Referring to FIG. 10, in step S320, the left and right trajectories that the stand 921 of the fixture can move are extracted based on pixel information and width size from the cutting line data of the image data, and the cutting line A fixture can be automatically created and provided at a specific location at the bottom of the data (Fig. 10(b)). At this time, step S320 is characterized in that, unlike the ring ring, the fixing table is automatically created at the lowest part of the image data, and the fixing table can only move left or right from the bottom of the image data. This is because the fixing stand is located at the bottom and serves to support the image, so it moves only to the left or right side of the bottom. Thereafter, in step S330, in order to move the fixture 921, when the mouse is placed on the fixture, an indication that the fixture can be moved (for example, displayed in a rectangular color) is provided to the user, and the user clicks the fixture with the mouse, By dragging 922, the holder can be positioned at the closest part that does not deviate from the left and right trajectory from the mouse point (eg, the finger point in mobile) (FIG. 10(c)). Accordingly, in step S330, the moving state of the fixture does not deviate from the left and right trajectories of the image data in real time, and when the user finally stops clicking and dragging the mouse, the fixture is fixed at the corresponding position (923). Figure 10(d)). At this time, as shown in FIG. 10(d), according to the present invention, the image is formed up to the upper left part, that is, the part touching the arm image, according to the fixing table formed in the lower left corner of the image data, so that acrylic is generated even in the part where there is no image. Helpers can be included.

도 11은 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템에 대한 구성을 도시한 것으로, 컷팅라인 자동 응용 시스템의 동작 방법을 수행하는 서버 또는 시스템에 대한 개념적인 구성을 나타낸 것이다. 또한, 도 12는 본 발명의 실시예에 따른 컷팅라인 생성부의 세부 구성에 대한 블록도를 도시한 것이다. 11 shows the configuration of an automatic cutting line application system according to an embodiment of the present invention, and shows a conceptual configuration of a server or system that performs an operation method of an automatic cutting line application system. 12 is a block diagram of a detailed configuration of a cutting line generating unit according to an embodiment of the present invention.

도 11을 참조하면, 본 발명의 실시예에 따른 컷팅라인 자동 응용 시스템(1100)은 컷팅라인 생성부(1110), 옵션 추천부(1120) 및 옵션 적용부(1130)를 포함한다.Referring to FIG. 11 , an automatic cutting line application system 1100 according to an embodiment of the present invention includes a cutting line generator 1110, an option recommendation unit 1120, and an option application unit 1130.

컷팅라인 생성부(1110)는 이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성한다. 컷팅라인 생성부(1110)에 대해 상세히 설명하자면, 컷팅라인 생성부(1110)는 컷팅 영역 생성부(1111), 확장된 영역 생성부(1112), 외곽 라인 생성부(1113) 및 컷팅라인 생성부(1114)를 포함할 수 있다.The cutting line generating unit 1110 binarizes the image data according to pixel values to generate a cutting area, creates an outline in the expanded area in which the cutting area is inflated according to a preset margin, and generates vector information as the outline. Create cutting line data. To describe the cutting line generator 1110 in detail, the cutting line generator 1110 includes a cutting area generator 1111, an extended area generator 1112, an outline generator 1113, and a cutting line generator. (1114).

컷팅 영역 생성부(1111)는 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 컷팅라인을 생성할 컷팅 영역을 생성한다. 이미지 데이터는 사용자가 굿즈로 활용하고자 하는 캐릭터, 사진, 이모티콘, 문자와 같은 콘텐츠를 포함할 수 있다. 일반적으로 이미지 데이터는 비트맵(bitmap) 방식으로 픽셀마다 RGBA(Rad, Green, Blue, Alpha) 정보를 가지며, 안티 알리싱 값이 있기 때문에 본 발명의 실시예에 따른 컷팅 영역 생성부(1111)는 알파(alpha) 값이 255(불투명)의 반인 125인 값을 기준으로 컷팅라인이 만들어질 컷팅 영역을 생성할 수 있다. The cutting area generating unit 1111 binarizes image data according to pixel values to create a cutting area to generate a cutting line. The image data may include contents such as characters, photos, emoticons, and texts that the user wants to use as goods. In general, image data has RGBA (Rad, Green, Blue, Alpha) information for each pixel in a bitmap method, and since there is an anti-aliasing value, the cutting area generator 1111 according to an embodiment of the present invention A cutting area where a cutting line will be created can be created based on an alpha value of 125, which is half of 255 (opaque).

이때, 컷팅 영역 생성부(1111)는 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 125인 값을 기준으로 컷팅라인이 만들어질 영역을 생성할 수 있으며, 이미지 데이터의 투명 여부와, 배경 색상 데이터에 상관없이 이진화하여 컷팅 영역을 생성하는 것을 특징으로 한다. 예를 들면, 이미지 데이터는 컷팅라인 데이터로 생성할 이미지 데이터 외에 불투명 배경 또는 다양한 이미지 배경을 포함할 수 있으나, 컷팅 영역 생성부(1111)는 투명 여부와 배경 색상에 상관없이 이미지 데이터에 따라 이진화하여 컷팅라인을 생성할 컷팅 영역을 생성할 수 있다. At this time, the cutting area generating unit 1111 may binarize the image data according to pixel values to generate an area where a cutting line is to be created based on a value of 125, and determine whether or not the image data is transparent and background color data. It is characterized in that the cutting area is generated by binarization regardless of For example, the image data may include an opaque background or various image backgrounds in addition to image data to be generated as cutting line data, but the cutting area generator 1111 binarizes the image data regardless of whether it is transparent or the background color, A cutting area to create a cutting line can be created.

확장된 영역 생성부(1112)는 이진화된 색상 데이터를 기본으로, 컷팅 영역을 기 설정된 여유 정도에 따라 팽창하여 확장된 영역을 생성한다. The expanded area generating unit 1112 creates an expanded area by expanding the cutting area according to a preset amount of margin based on the binarized color data.

확장된 영역 생성부(1112)는 이진화된 색상 데이터를 이용한 모폴로지(Morphology) 기법의 팽창(Dilation) 연산을 적용하여 컷팅 영역을 기준으로, 기 설정된 여유 정도에 따라 팽창하여 확장된 영역을 생성할 수 있다. 이때, 확장된 영역 생성부(1112)는 이미지 데이터의 적용 대상 상품 및 적용 대상 재질에 따라 여유 정도의 폭을 설정하여 적용시킬 수 있다. 일반적으로 확장된 영역은 컷팅 영역에서 1픽셀 팽창하여 확장한 영역인 것을 기본으로 하나 실시예에 따라서, 본 발명은 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈의 종류에 따라 최소 0.5 픽셀 내지 5 픽셀까지 팽창되는 픽셀을 설정하며, 확장된 영역 생성부(1112)는 설정된 픽셀에 따른 여유 정도에 따라 컷팅 영역을 팽창하여 확장된 영역을 생성할 수도 있다. The extended area generating unit 1112 applies a dilation operation of a morphology technique using binarized color data to dilate the cutting area according to a predetermined amount of margin to generate an expanded area. there is. At this time, the extended area generating unit 1112 may set and apply the margin width according to the product to which the image data is applied and the material to which the image data is applied. In general, the expanded area is based on an area expanded by 1 pixel in the cutting area, but according to an embodiment, the present invention is a transparent product using acrylic such as an acrylic keyring and an acrylic life-size stand or a kind of goods such as stickers Accordingly, pixels to be expanded by at least 0.5 pixels to 5 pixels are set, and the expanded area generating unit 1112 may create an expanded area by expanding the cutting area according to the amount of margin according to the set pixels.

외곽 라인 생성부(1113)는 확장된 영역에서 외곽 라인을 생성한다. The outer line generator 1113 creates an outer line in the extended area.

외곽 라인 생성부(1113)는 확장된 영역에서 모폴로지(Morphology) 기법의 침식(Erosion) 연산을 응용하여 외곽 라인을 생성할 수 있다. 여기서, 외곽 라인 생성부(1113)는 확장된 영역의 팽창 오브젝트에서 1 픽셀로 축소된 이미지를 제거하여 외곽 라인을 생성(팽창 오브젝트 - 1 픽셀 축소된 이미지 = 외곽 라인)할 수 있다. 일반적으로 외곽 라인은 확장된 영역의 팽창 오브젝트에서 1 픽셀로 축소된 이미지를 제거하여 생성하는 것을 기본으로 하나 실시예에 따라서, 본 발명은 아크릴 키링 및 아크릴 등신대와 같은 아크릴을 사용하는 투명 제품 또는 스티커와 같은 굿즈의 종류에 따라 최소 0.5 픽셀 내지 5 픽셀까지 축소된 이미지를 사용할 수 있으며, 외곽 라인 생성부(1113)는 확장된 영역의 팽창 오브젝트에서 굿즈의 종류에 따라 축소된 이미지를 제거하여 외곽 라인을 생성할 수도 있다. The outer line generation unit 1113 may generate an outer line by applying an erosion operation of a morphology technique in the extended area. Here, the outline generation unit 1113 may create an outline (expand object - 1 pixel reduced image = outline) by removing the image reduced to 1 pixel from the expand object of the expanded area. In general, the outline is created by removing an image reduced by 1 pixel from an expanded object in an expanded area, but according to an embodiment, the present invention is a transparent product or sticker using acrylic such as an acrylic keyring and an acrylic life-size stand. An image reduced by at least 0.5 to 5 pixels can be used according to the type of goods, and the outline generation unit 1113 removes the reduced image according to the type of goods from the expansion object in the expanded area to create an outline can also create

컷팅라인 생성부(1114)는 외각 라인을 점들로 연결하여 벡터(vector) 정보의 컷팅라인 데이터를 생성한다. The cutting line generating unit 1114 connects outer lines with dots to generate cutting line data of vector information.

컷팅라인 생성부(1114)는 픽셀 정보인 외곽 라인의 점들을 연결하여 벡터 정보로 사용할 좌표를 추출하여 컷팅라인 데이터를 생성할 수 있다. 여기서, 컷팅라인 데이터는 컷팅라인 SVG 파일을 일컫을 수 있다. The cutting line generating unit 1114 may generate cutting line data by connecting dots of an outer line, which is pixel information, and extracting coordinates to be used as vector information. Here, the cutting line data may refer to a cutting line SVG file.

다시 도 11을 참조하면, 옵션 추천부(1120)는 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천한다. 이후에, 옵션 적용부(1130)는 추천 및 편집에 따라 컷팅라인 데이터에 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성한다. Referring back to FIG. 11 , the option recommendation unit 1120 recommends placement of additional options based on pixel information of cutting line data. Then, the option application unit 1130 generates cutting line data including the option by applying the position of the additional option to the cutting line data according to the recommendation and editing.

옵션 추천부(1120)는 컷팅라인 생성부(1110)에서 생성된 컷팅라인 데이터의 픽셀 정보를 기반으로, 이미지 데이터의 적용 대상 상품에 따라 링고리 또는 고정대의 추가 옵션의 배치를 추천할 수 있다. 본 발명에서 제안하는 추가 옵션은 링고리 및 고정대로 설명하나, 이에 한정되는 것은 아니며 링고리 및 고정대 외에 굿즈를 생성할 때 필요한 옵션 종류이면 무관하다. 여기서, 링고리는 다른 사물에 연결되거나, 걸을 수 있도록 동그랗게 구부러져 형성된 고리를 나타내며, 고정대는 아크릴 스탠드를 세우기 위해 하단에 아크릴 판에 꼽아 고정시키는 부분을 나타낸다.The option recommendation unit 1120 may recommend placement of an additional option for a ring ring or a fixed stand according to a product to which image data is applied, based on pixel information of the cutting line data generated by the cutting line generation unit 1110 . The additional options proposed in the present invention are described as ring rings and fixtures, but are not limited thereto, and any option type required when creating goods other than ring rings and fixtures is irrelevant. Here, the ring ring represents a ring formed by being connected to another object or bent in a circle so as to be able to walk, and the fixing unit represents a part that is inserted into an acrylic plate at the bottom and fixed to build an acrylic stand.

일 예로, 옵션 추천부(1120)는 컷팅라인 데이터의 픽셀 정보를 기반으로 컷팅라인 데이터의 라인에 따라 링고리의 궤적을 추출하며, 컷팅라인 데이터 중에서 특정 위치에 링고리를 자동 생성하여 추천하고, 옵션 적용부(1130)는 사용자의 선택 입력에 따른 마우스 드래그 또는 터치 드래그를 통해 컷팅라인 데이터의 궤적에 따라 움직이는 링고리의 위치를 제공하여 추가 옵션의 위치를 적용할 수 있다.For example, the option recommendation unit 1120 extracts the trajectory of the ring ring along the line of the cutting line data based on the pixel information of the cutting line data, automatically generates and recommends a ring ring at a specific position among the cutting line data, The option application unit 1130 may apply the position of the additional option by providing the position of the ring ring moving along the trajectory of the cutting line data through mouse drag or touch drag according to the user's selection input.

다른 예로, 옵션 추천부(1120)는 컷팅라인 데이터의 픽셀 정보와 폭(width) 크기를 기반으로 고정대의 스탠드가 움직일 수 있는 범위 내에서 좌, 우 궤적을 추출하며, 컷팅라인 데이터의 하단에 특정 위치에 고정대를 자동 생성하여 추천하고, 옵션 적용부(1130)는 사용자의 선택 입력에 따른 마우스 드래그 또는 터치 드래그를 통해 컷팅라인 데이터의 좌, 우 궤적에 따라 움직이는 고정대의 위치를 제공하여 추가 옵션의 위치를 적용할 수 있다. As another example, the option recommendation unit 1120 extracts the left and right trajectories within the movable range of the stand of the fixed stand based on the pixel information and width of the cutting line data, and the specific A fixture is automatically created and recommended at the location, and the option application unit 1130 provides the position of the fixture that moves according to the left and right trajectories of the cutting line data through mouse drag or touch drag according to the user's selection input, thereby providing additional options. location can be applied.

비록, 도 11 및 도 12의 시스템에서 그 설명이 생략되었더라도, 도 11 및 도 12를 구성하는 각 구성 수단은 도 1 내지 도 10에서 설명한 모든 내용을 포함할 수 있으며, 이는 이 기술 분야에 종사하는 당업자에게 있어서 자명하다.Although the description is omitted in the system of FIGS. 11 and 12, each component constituting FIGS. 11 and 12 may include all of the contents described in FIGS. 1 to 10, which is It is obvious to those skilled in the art.

이상에서 설명된 시스템 또는 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(Field Programmable Gate Array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 어플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.The system or apparatus described above may be implemented as hardware components, software components, and/or a combination of hardware components and software components. For example, devices and components described in the embodiments may include, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA) , a programmable logic unit (PLU), microprocessor, or any other device capable of executing and responding to instructions. The processing device may run an operating system (OS) and one or more software applications running on the operating system. A processing device may also access, store, manipulate, process, and generate data in response to execution of software. For convenience of understanding, there are cases in which one processing device is used, but those skilled in the art will understand that the processing device includes a plurality of processing elements and/or a plurality of types of processing elements. It can be seen that it can include. For example, a processing device may include a plurality of processors or a processor and a controller. Other processing configurations are also possible, such as parallel processors.

소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.Software may include a computer program, code, instructions, or a combination of one or more of the foregoing, which configures a processing device to operate as desired or processes independently or collectively. You can command the device. Software and/or data may be any tangible machine, component, physical device, virtual equipment, computer storage medium or device, intended to be interpreted by or provide instructions or data to a processing device. , or may be permanently or temporarily embodied in a transmitted signal wave. Software may be distributed on networked computer systems and stored or executed in a distributed manner. Software and data may be stored on one or more computer readable media.

실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.The method according to the embodiment may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer readable medium. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. Program commands recorded on the medium may be specially designed and configured for the embodiment or may be known and usable to those skilled in computer software. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tapes, optical media such as CD-ROMs and DVDs, and magnetic media such as floptical disks. - includes hardware devices specially configured to store and execute program instructions, such as magneto-optical media, and ROM, RAM, flash memory, and the like. Examples of program instructions include high-level language codes that can be executed by a computer using an interpreter, as well as machine language codes such as those produced by a compiler. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.As described above, although the embodiments have been described with limited examples and drawings, those skilled in the art can make various modifications and variations from the above description. For example, the described techniques may be performed in an order different from the method described, and/or components of the described system, structure, device, circuit, etc. may be combined or combined in a different form than the method described, or other components may be used. Or even if it is replaced or substituted by equivalents, appropriate results can be achieved.

그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.Therefore, other implementations, other embodiments, and equivalents of the claims are within the scope of the following claims.

Claims (12)

컴퓨터에 의해 적어도 일시적으로 구현되는 컷팅라인 자동 응용 시스템의 동작 방법에 있어서,
이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성하는 제1 단계;
상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천하는 제2 단계; 및
추천 및 편집에 따라 상기 컷팅라인 데이터에 상기 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성하는 제3 단계
를 포함하는 컷팅라인 자동 응용 시스템의 동작 방법.
In the operating method of the cutting line automatic application system at least temporarily implemented by a computer,
A method for generating a cutting area by binarizing the image data according to pixel values, generating an outer line in an expanded area in which the cutting area is inflated according to a preset margin, and generating cutting line data of vector information with the outer line. Level 1;
a second step of recommending placement of additional options based on pixel information of the cutting line data; and
A third step of generating cutting line data including options by applying the position of the additional option to the cutting line data according to recommendation and editing.
Operation method of the cutting line automatic application system comprising a.
제1항에 있어서,
상기 제2 단계는
상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 상기 이미지 데이터의 적용 대상 상품에 따라 링고리 또는 고정대의 상기 추가 옵션의 배치를 추천하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 1,
The second step is
Based on the pixel information of the cutting line data, the method of operating the automatic cutting line application system for recommending the placement of the additional option of the ring ring or the fixing table according to the product to which the image data is applied.
제2항에 있어서,
상기 제2 단계는
상기 컷팅라인 데이터의 픽셀 정보를 기반으로 라인에 따라 링고리의 궤적을 추출하며, 상기 컷팅라인 데이터에서 특정 위치에 링고리를 자동 생성하여 추천하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 2,
The second step is
A method of operating a cutting line automatic application system that extracts the trajectory of a ring ring according to a line based on pixel information of the cutting line data and automatically generates and recommends a ring ring at a specific location in the cutting line data.
제3항에 있어서,
상기 제3 단계는
사용자의 선택 입력에 따른 터치 드래그를 통해 상기 컷팅라인 데이터의 궤적에 따라 움직이는 링고리의 위치를 제공하여 상기 추가 옵션의 위치를 적용하는 것을 특징으로 하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 3,
The third step is
Characterized in that the position of the additional option is applied by providing the position of the ring ring moving according to the trajectory of the cutting line data through touch drag according to the user's selection input, the method of operating the automatic cutting line application system.
제2항에 있어서,
상기 제2 단계는
상기 컷팅라인 데이터의 픽셀 정보와 폭(width) 크기를 기반으로 상기 고정대의 스탠드가 움직일 수 있는 범위 내에서 좌, 우 궤적을 추출하며, 상기 컷팅라인 데이터의 하단에 특정 위치에 고정대를 자동 생성하여 추천하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 2,
The second step is
Based on the pixel information and width of the cutting line data, the left and right trajectories are extracted within the movable range of the stand of the fixture, and a fixture is automatically created at a specific location at the bottom of the cutting line data. Recommended, how to operate the cutting line automatic application system.
제5항에 있어서,
상기 제3 단계는
사용자의 선택 입력에 따른 터치 드래그를 통해 상기 컷팅라인 데이터의 좌, 우 궤적에 따라 움직이는 고정대의 위치를 제공하여 상기 추가 옵션의 위치를 적용하는 것을 특징으로 하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 5,
The third step is
Characterized in that, the position of the additional option is applied by providing the position of the moving stand according to the left and right trajectories of the cutting line data through touch drag according to the user's selection input.
제1항에 있어서,
상기 제1 단계는
상기 이미지 데이터의 픽셀 값에 따라 이진화(binarization)하여 컷팅라인을 생성할 상기 컷팅 영역을 생성하는 단계;
이진화된 색상 데이터를 기본으로, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창하여 상기 확장된 영역을 생성하는 단계;
상기 확장된 영역에서 상기 외곽 라인을 생성하는 단계; 및
상기 외각 라인을 점들로 연결하여 벡터(vector) 정보의 상기 컷팅라인 데이터를 생성하는 단계
를 포함하는 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 1,
The first step is
generating the cutting area to generate a cutting line by binarizing the image data according to pixel values;
generating the expanded area by expanding the cutting area according to a preset amount of margin based on the binarized color data;
generating the outer line in the expanded area; and
generating the cutting line data of vector information by connecting the outer lines with dots;
Operation method of the cutting line automatic application system comprising a.
제7항에 있어서,
상기 컷팅 영역을 생성하는 단계는
픽셀마다 RGBA(Rad, Green, Blue, Alpha) 정보를 포함한 상기 이미지 데이터의 픽셀 값에 따라 알파 값이 불투명(255)의 반인 125인 값을 기준으로 이진화하여 상기 컷팅 영역을 생성하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 7,
Creating the cutting area
According to the pixel value of the image data including RGBA (Rad, Green, Blue, Alpha) information for each pixel, the alpha value is binarized based on a value of 125, which is half of the opacity (255), to create the cutting area automatically. How the application system works.
제8항에 있어서,
상기 확장된 영역을 생성하는 단계는
상기 이진화된 색상 데이터를 이용한 모폴로지(Morphology) 기법의 팽창(Dilation) 연산을 적용하여 상기 컷팅 영역을 기준으로, 기 설정된 상기 여유 정도에 따라 팽창하여 상기 확장된 영역을 생성하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 8,
The step of creating the extended area is
A cutting line automatic application system that applies a dilation operation of a morphology technique using the binarized color data to dilate based on the cutting area according to the predetermined amount of margin to create the expanded area. how it works.
제9항에 있어서,
상기 외곽 라인을 생성하는 단계는
상기 확장된 영역에서 모폴로지(Morphology) 기법의 침식(Erosion) 연산을 응용하여 상기 외곽 라인을 생성하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 9,
The step of generating the outer line is
A method of operating an automatic cutting line application system for generating the outer line by applying an erosion operation of a morphology technique in the expanded area.
제10항에 있어서,
상기 컷팅라인 데이터를 생성하는 단계는
픽셀 정보인 상기 외곽 라인의 점들을 연결하여 벡터 정보로 사용할 좌표를 추출하여 상기 컷팅라인 데이터를 생성하는, 컷팅라인 자동 응용 시스템의 동작 방법.
According to claim 10,
The step of generating the cutting line data is
A method of operating an automatic cutting line application system for generating the cutting line data by extracting coordinates to be used as vector information by connecting dots of the outer line, which are pixel information.
컴퓨터에 의해 적어도 일시적으로 구현되는:
이미지 데이터의 픽셀 값에 따라 이진화하여 컷팅 영역을 생성하고, 상기 컷팅 영역을 기 설정된 여유 정도에 따라 팽창한 확장된 영역에서 외곽 라인을 생성하며, 외곽 라인으로 벡터 정보의 컷팅라인 데이터를 생성하는 컷팅라인 생성부;
상기 컷팅라인 데이터의 픽셀 정보를 기반으로, 추가 옵션의 배치를 추천하는 옵션 추천부; 및
추천 및 편집에 따라 상기 컷팅라인 데이터에 상기 추가 옵션의 위치를 적용하여 옵션을 포함한 컷팅라인 데이터를 생성하는 옵션 적용부
를 포함하는 컷팅라인 자동 응용 시스템.
Implemented at least temporarily by a computer:
A cutting area is created by binarizing the image data according to the pixel value, an outline is created in the expanded area expanded according to a predetermined amount of margin, and cutting line data of vector information is created with the outline. line generation unit;
an option recommendation unit that recommends placement of additional options based on pixel information of the cutting line data; and
Option application unit for generating cutting line data including options by applying the position of the additional option to the cutting line data according to recommendation and editing
Cutting line automatic application system that includes.
KR1020220022348A 2022-02-21 2022-02-21 System for application automatic cutting line and the operating method thereof KR20230125580A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220022348A KR20230125580A (en) 2022-02-21 2022-02-21 System for application automatic cutting line and the operating method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220022348A KR20230125580A (en) 2022-02-21 2022-02-21 System for application automatic cutting line and the operating method thereof

Publications (1)

Publication Number Publication Date
KR20230125580A true KR20230125580A (en) 2023-08-29

Family

ID=87802608

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220022348A KR20230125580A (en) 2022-02-21 2022-02-21 System for application automatic cutting line and the operating method thereof

Country Status (1)

Country Link
KR (1) KR20230125580A (en)

Similar Documents

Publication Publication Date Title
JP6944548B2 (en) Automatic code generation
CN108415706B (en) Method, system, equipment and storage medium for generating visual webpage
Guo et al. Vizlens: A robust and interactive screen reader for interfaces in the real world
RU2627108C2 (en) Information content navigation direction setting on the basis of directed user signs
CN102027504B (en) Lightweight three-dimensional display
US20180356967A1 (en) Facilitating automatic generation of customizable storyboards
US9367199B2 (en) Dynamical and smart positioning of help overlay graphics in a formation of user interface elements
CN102221993B (en) The declarative definition of complex user interface Status Change
US20170052937A1 (en) Previews for Contextual Searches
US20160203194A1 (en) User terminal for displaying image and image display method thereof
US20140279025A1 (en) Methods and apparatus for display of mobile advertising content
US10169374B2 (en) Image searches using image frame context
US20070130529A1 (en) Automatic generation of user interface descriptions through sketching
Yim et al. Matplotlib for Python Developers: Effective techniques for data visualization with Python
CN109155076B (en) Automatic identification and display of objects of interest in a graphic novel
US20170083196A1 (en) Computer-Aided Navigation of Digital Graphic Novels
US11462018B2 (en) Representative image generation
US10908764B2 (en) Inter-context coordination to facilitate synchronized presentation of image content
EP3289479B1 (en) Rendering graphical assets natively on multiple screens of electronic devices
US11960794B2 (en) Seamless three-dimensional design collaboration
US10846061B2 (en) Development environment for real-time application development
KR20230125580A (en) System for application automatic cutting line and the operating method thereof
US10802664B2 (en) Dynamic layout design
EP4002187A1 (en) Progress tracking with automatic symbol detection
KR20230125579A (en) System for creating automatic cutting line and the operating method thereof