KR20210001858A

KR20210001858A - 텍스트의 컬러 결정 방법 및 장치

Info

Publication number: KR20210001858A
Application number: KR1020190167075A
Authority: KR
Inventors: 쯔옌 중; 위 하오; 룽 청; 무웨이 자오; 원첸 위안
Original assignee: 베이징 바이두 넷컴 사이언스 앤 테크놀로지 코., 엘티디.
Priority date: 2019-06-27
Filing date: 2019-12-13
Publication date: 2021-01-06
Also published as: CN110263301B; JP7261732B2; JP2021006982A; CN110263301A; US11481927B2; US20200410718A1; KR102360271B1

Abstract

본 발명의 실시예는 텍스트의 컬러 결정 방법 및 장치를 공개한다. 상기 텍스트의 컬러 결정 방법의 구체적인 실시형태는, 버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계; 서브 이미지 중 픽셀의 컬러 값을 획득하고, 서브 이미지의 평균 컬러 값을 확정하는 단계; 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정하는 단계; 및 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 텍스트 컬러를 결정하는 단계를 포함한다. 상기 실시형태는 캔버스와 서로 적응되는 텍스트 컬러를 자동으로 매칭하여, 텍스트 표시의 효과를 효과 증강시킬 수 있다.

Description

텍스트의 컬러 결정 방법 및 장치{METHODS AND DEVICES FOR DETERMINING THE COLOR OF A TEXT}

본 발명의 실시예는 컴퓨터 기술분야에 관한 것으로, 구체적으로 텍스트의 컬러 결정 방법 및 장치에 관한 것이다.

휴대폰, 컴퓨터 등 전자 기기가 보급됨에 따라, 사람들은 작업 및 생활에서 디자인 타입의 툴(예를 들어, Photoshop, PowerPoint 등)를 점점 많이 사용하고 있다. 디자인 타입의 툴에 있어서, 텍스트를 전시할 경우, 캔버스와 글자체 컬러의 대비가 선명하지 못한 문제가 흔히 발생되는데, 이는 사용자가 캔버스로부터 텍스트를 분별하기 어렵게 만든다.

선행기술에서, 디자인 타입의 툴(예를 들어, Photoshop, PowerPoint 등)의 사용자는 일반적으로 글자체 컬러를 수동으로 조절하여 캔버스와 텍스트 사이의 콘트라스트를 증강시킨다.

본 발명은 텍스트의 컬러 결정 방법 및 장치를 제공한다.

제1 양태에 있어서, 텍스트의 컬러 결정 방법에 있어서, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계; 상기 서브 이미지 중 픽셀의 컬러 값을 획득하고, 상기 서브 이미지의 평균 컬러 값을 확정하는 단계; 상기 서브 이미지의 평균 컬러 값에 기반하여 상기 서브 이미지의 평균 밝기 값을 확정하는 단계; 및 상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계를 포함하는 텍스트의 컬러 결정 방법을 제공한다.

일부 실시예에 있어서, 상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 단계 이전에, 상기 텍스트의 컬러 결정 방법은, 상기 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 단계; 지정 사이즈의 SVG 템플릿을 구축하는 단계 - 상기 지정 사이즈는 상기 서브 이미지의 사이즈임 - ; 및 상기 XML 파일을 상기 SVG 템플릿의 콘텐츠로 하여 상기 XML 파일을 해석하고, 상기 서브 이미지의 벡터 그래픽을 생성하는 단계를 더 포함한다.

일부 실시예에 있어서, 상기 텍스트의 컬러 결정 방법은, 상기 지정 사이즈의 캔버스를 구축하는 단계; 상기 벡터 그래픽을 구축된 캔버스에 드로잉하여 상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 단계를 더 포함한다.

일부 실시예에 있어서, 상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계는, 미리 설정된 콘트라스트를 획득하는 단계 - 상기 콘트라스트는 상기 텍스트와 상기 서브 이미지 사이의 콘트라스트임 - ; 상기 서브 이미지의 평균 밝기 값 및 상기 콘트라스트에 기반하여 상기 텍스트의 밝기 값을 확정하는 단계; 및 확정된 텍스트의 밝기 값에 따라 상기 텍스트의 그레이 스케일 값을 결정하는 단계를 포함한다.

일부 실시예에 있어서, 상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계는, 상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 블랙으로 설정하는 단계; 및 상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 화이트로 설정하는 단계를 포함한다.

일부 실시예에 있어서, 상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계는, 상기 캔버스에서 상기 텍스트 상자의 적어도 하나의 꼭짓점의 위치를 확정하는 단계; 상기 텍스트 상자의 길이와 폭을 획득하는 단계; 및 확정된 적어도 하나의 꼭짓점의 위치 및 길이와 폭에 기반하여 상기 캔버스로부터 상기 서브 이미지를 확정하는 단계를 포함한다.

제2 양태에 있어서, 텍스트의 컬러 결정 장치로서, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 서브 이미지 확정 유닛; 상기 서브 이미지 중 픽셀의 컬러 값을 획득하고, 상기 서브 이미지의 평균 컬러 값을 확정하는 획득 유닛; 상기 서브 이미지의 평균 컬러 값에 기반하여 상기 서브 이미지의 평균 밝기 값을 확정하는 평균 밝기 값 확정 유닛; 및 상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 컬러 결정 유닛을 포함하는 텍스트의 컬러 결정 장치를 제공한다.

일부 실시예에 있어서, 상기 텍스트의 컬러 결정 장치는, 상기 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 파일 생성 유닛; 지정 사이즈의 SVG 템플릿을 구축하는 템플릿 구축 유닛 - 상기 지정 사이즈는 상기 서브 이미지의 사이즈임 - ; 및 상기 XML 파일을 상기 SVG 템플릿의 콘텐츠로 하여 상기 XML 파일을 해석하고, 상기 서브 이미지의 벡터 그래픽을 생성하는 벡터 그래픽 생성 유닛을 더 포함한다.

일부 실시예에 있어서, 상기 텍스트의 컬러 결정 장치는, 상기 지정 사이즈의 캔버스를 구축하는 캔버스 구축 유닛; 및 상기 벡터 그래픽을 구축된 캔버스에 드로잉하여 상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 드로잉 유닛을 더 포함한다.

일부 실시예에 있어서, 상기 컬러 결정 유닛은 구체적으로, 미리 설정된 콘트라스트를 획득하고, 상기 콘트라스트는 상기 텍스트와 상기 서브 이미지 사이의 콘트라스트이며; 상기 서브 이미지의 평균 밝기 값 및 상기 콘트라스트에 기반하여 상기 텍스트의 밝기 값을 확정하고; 확정된 텍스트의 밝기 값에 따라 상기 텍스트의 그레이 스케일 값을 결정한다.

일부 실시예에 있어서, 상기 컬러 결정 유닛은 또한, 상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 블랙으로 설정하고; 상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 화이트로 설정한다.

일부 실시예에 있어서, 상기 서브 이미지 확정 유닛은 또한, 상기 캔버스에서 상기 텍스트 상자의 적어도 하나의 꼭짓점의 위치를 확정하고; 상기 텍스트 상자의 길이와 폭을 획득하며; 확정된 적어도 하나의 꼭짓점의 위치 및 길이와 폭에 기반하여 상기 캔버스로부터 상기 서브 이미지를 확정한다.

제3 양태에 있어서, 하나 또는 복수의 프로세서; 및 하나 또는 복수의 프로그램이 저장된 저장 장치를 포함하는 전자 기기에 있어서, 상기 하나 또는 복수의 프로그램이 상기 하나 또는 복수의 프로세서에 의해 실행될 경우, 상기 하나 또는 복수의 프로세서가 제1 양태 중 어느 한 실시예에 따른 텍스트의 컬러 결정 방법을 구현하도록 하는 전자 기기를 제공한다.

제4 양태에 있어서, 컴퓨터 프로그램이 저장된 컴퓨터 판독 가능 저장 매체에 있어서, 상기 컴퓨터 프로그램이 프로세서에 의해 실행될 경우 제1 양태 중 어느 한 실시예에 따른 텍스트의 컬러 결정 방법을 구현하는 컴퓨터 판독 가능 저장 매체를 제공한다.

본 발명의 실시예에 의해 제공되는 텍스트의 컬러 결정 방법 및 장치는, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하고, 다음, 서브 이미지 중 픽셀의 컬러 값을 획득하여 서브 이미지의 평균 컬러 값을 확정하며, 그 다음, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정할 수 있고, 마지막으로, 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정할 수 있음으로써, 캔버스와 서로 적응되는 텍스트 컬러를 자동으로 매칭하여, 텍스트 표시의 효과를 증강시킨다.

아래 첨부 도면에 도시된 비제한적인 실시예의 상세한 설명에 대한 열독 및 참조를 통해 본 발명의 다른 특징, 목적 및 이점이 보다 명백해질 것이다.
도 1은 본 발명이 적용 가능한 예시적인 시스템 아키텍처이다.
도 2는 본 발명에 따른 텍스트의 컬러 결정 방법의 일 실시예의 흐름도이다.
도 3은 본 발명의 실시예에 따른 텍스트의 컬러 결정 방법의 하나의 응용 상황의 모식도이다.
도 4는 본 발명의 실시예에 따른 텍스트의 컬러 결정 방법의 다른 실시예의 흐름도이다.
도 5는 본 발명에 따른 텍스트의 컬러 결정 장치의 일 실시예의 구조 모식도이다.
도 6은 본 발명의 실시예의 전자 기기를 구현하기에 적합한 컴퓨터 시스템의 구조 모식도이다.

이하 첨부 도면 및 실시예를 결부시켜 본 발명을 더욱 자세히 설명한다. 여기서 설명되는 구체적인 실시예는 관련 발명을 해석하기 위한 것일 뿐 본 발명은 이에 한정되지 않음을 이해할 수 있을 것이다. 이 밖에, 설명의 편의를 위해 도면에는 해당 발명과 관련된 부분만이 도시되었음을 유의해야 한다.

충돌되지 않는 한 본 발명의 실시예 및 실시예의 특징은 서로 결합될 수 있음을 유의해야 한다. 이하 첨부 도면을 참조하고 실시예를 결부시켜 본 발명을 상세히 설명하기로 한다.

도 1은 본 발명의 실시예의 텍스트의 컬러 결정 방법 또는 텍스트의 컬러 결정 장치를 적용 가능한 예시적인 시스템 아키텍처(100)이다.

도 1에 도시된 바와 같이, 시스템 아키텍처(100)에는 단말 기기(101, 102, 103), 네트워크(104) 및 서버(105)가 포함될 수 있다. 네트워크(104)는 단말 기기(101, 102, 103) 및 서버(105) 사이에서 통신 링크를 제공하는 매체로 사용된다. 네트워크(104)는 예를 들어, 유선, 무선 통신 링크 또는 광섬유 케이블 등 다양한 연결 타입을 포함할 수 있다.

사용자는 단말기(101, 102, 103)를 사용하여 네트워크(104)를 통해 서버(105)와 인터랙팅하여 정보 등을 수신 또는 송신할 수 있다. 단말기(101, 102, 103)에는 예를 들어 디자인 타입의 툴, 이미지 처리 타입의 애플리케이션, 웹 브라우저 애플리케이션, 구매 타입의 애플리케이션, 검색 타입의 애플리케이션, 인스턴트 메시징 툴, 이메일 클라이언트, 소셜 플랫폼 소프트웨어 등 다양한 클라이언트 애플리케이션이 설치될 수 있다.

단말 기기(101, 102, 103)는 하드웨어일 수 있고, 소프트웨어일 수도 있다. 단말 기기(101, 102, 103)는 하드웨어인 경우 스마트 폰, 태블릿 PC, 전자책 리더기, 랩톱 휴대용 컴퓨터 및 데스크톱 컴퓨터 등을 포함하지만 이에 한정되지 않는, 디스플레이 스크린을 구비하고 텍스트 표시를 지원하는 다양한 전자 기기일 수 있다. 단말 기기(101, 102, 103)는 소프트웨어인 경우 위에 열거한 전자 기기에 장착될 수 있다. 이는 예를 들어 분산식 서비스를 제공하기 위한 복수의 소프트웨어 또는 소프트웨어 모듈로 구현되거나, 단일 소프트웨어 또는 소프트웨어 모듈로 구현될 수 있다. 여기서 구체적으로 한정하지 않는다.

서버(105)는 다양한 서비스를 제공하는 서버일 수 있는데, 예를 들어, 단말 기기(101, 102, 103)에서 실행되는 디자인 타입의 애플리케이션에 지원을 제공하는 백엔드 서버일 수 있다. 백엔드 서버는 디자인 타입의 툴 중의 캔버스, 텍스트 상자 등에 대해 데이터 분석 등 처리를 진행하여 피입력 텍스트 상자의 텍스트의 컬러를 결정하고, 처리 결과(예를 들어, 컬러의 텍스트)를 단말 기기에 피드백할 수 있다.

본 발명의 실시예에 의해 제공되는 텍스트의 컬러 결정 방법은 일반적으로 서버(105)에 의해 수행되고, 단말 기기(101, 102, 103)에 의해 수행될 수도 있다. 상응하게, 텍스트의 컬러 결정 장치는 일반적으로 서버(105)에 설치되고, 단말 기기(101, 102, 103)에 설치될 수도 있음에 유의해야 된다.

서버는 하드웨어 또는 소프트웨어일 수 있음에 유의해야 한다. 서버가 하드웨어인 경우, 복수의 서버로 구성된 분산식 서버 클러스터로 구현되거나 단일 서버로 구현될 수 있다. 서버가 소프트웨어인 경우, 예를 들어 분산식 서비스를 제공하기 위한 복수의 소프트웨어 또는 소프트웨어 모듈로 구현되거나, 단일 소프트웨어 또는 소프트웨어 모듈로 구현될 수 있다. 여기서 구체적으로 한정하지 않는다.

도 1의 단말 기기, 네트워크 및 서버의 개수는 단지 예시적인 것일 뿐 구현 필요에 따라 임의의 개수의 단말 기기, 네트워크 및 서버가 구비될 수 있음을 이해해야 한다.

계속하여 도 2를 참조하면, 본 발명에 따른 텍스트의 컬러 결정 방법의 일 실시예의 흐름(200)이다. 상기 텍스트의 컬러 결정 방법은 하기와 같은 단계를 포함한다.

단계(201)에서, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정한다.

본 실시예에서, 사용자가 디자인 타입의 툴(예를 들어, Photoshop 등)을 사용하여 텍스트를 입력하기 전에, 흔히 디자인 타입의 툴의 캔버스에 텍스트를 입력하기 위한 텍스트 상자를 설정해야 한다. 텍스트의 컬러 결정 방법의 수행주체(예를 들어, 도 1에 도시된 서버)는 유선 연결 또는 무선 연결 방식을 사용하여 사용자가 이를 이용하여 텍스트 입력을 진행한 단말기로부터 사용자가 사용된 디자인 타입의 툴의 캔버스에 텍스트 상자를 설정하는 지의 여부를 검출할 수 있다. 캔버스에 텍스트 상자가 있는 것으로 검출되면, 상기 수행주체는 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정할 수 있다.

본 실시예의 일부 선택 가능한 실시형태에서, 상기 수행주체는 캔버스에서 텍스트 상자의 각 꼭짓점에 대응되는 위치를 확정할 수 있고, 다음, 확정된 위치를 이용하여 캔버스에서 텍스트 상자와 대응되는 이미지를 확정하며, 상기 이미지는 캔버스 중 텍스트 상자와 대응되는 서브 이미지이다. 또는, 상기 수행주체는 캔버스에서 텍스트 상자 중 하나의 꼭짓점과 대응되는 위치를 확정할 수 있고, 다음, 텍스트 상자의 길이와 폭을 획득하며, 마지막으로, 확정된 꼭짓점의 위치 및 텍스트 상자의 길이와 폭에 따라 캔버스에서 텍스트 상자와 대응되는 이미지를 확정하고, 상기 이미지는 캔버스 중 텍스트 상자와 대응되는 서브 이미지이다.

단계(202)에서, 서브 이미지 중 픽셀의 컬러 값을 획득하고, 서브 이미지의 평균 컬러 값을 확정한다.

본 실시예에서, 상기 캔버스는 단색일 수 있고, 그러데이션 컬러 또는 그림의 조합일 수도 있다. 따라서, 상기 서브 이미지 중의 각 픽셀 점의 컬러 값은 동일하거나 상이할 수 있다. 단계(201)에서 획득된 이미지에 기반하여, 상기 수행주체는 다양한 수단을 통해 상기 서브 이미지의 각 픽셀의 컬러 값을 획득할 수 있다. 예로서, 상기 수행주체는 서브 이미지를 기존의 그림 컬러 값 판독 툴에 도입하여 서브 이미지 중 각 픽셀의 컬러 값을 판독할 수 있다. 마지막으로, 서브 이미지 중 각 픽셀의 컬러값을 획득한 후, 상기 수행주체는 각 픽셀의 컬러 값의 평균값을 산출할 수 있음으로써, 상기 서브 이미지의 평균 컬러 값을 확정한다.

단계(203)에서, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정한다.

본 실시예에서, 단계(202)에서 결정된 서브 이미지의 평균 컬러 값에 기반하여, 상기 수행주체는 서브 이미지의 평균 컬러 값을 이용하여 서브 이미지의 평균 밝기 값을 확정할 수 있다. 예로서, 상기 수행주체는 서브 이미지 각 픽셀의 RGB 컬러 공간의 컬러 값을 획득할 수 있고, 다음, RGB 공간의 컬러 값을 YC_bC_r 컬러 공간의 컬러 값으로 전환시킬 수 있음으로써, YC_bC_r 컬러 공간에서의 서브 이미지의 밝기 성분(Y), 블루 색도 성분(C_b) 및 레드 색도 성분(C_r)을 획득하고, 여기서, 밝기 성분(Y)은 상기 서브 이미지의 평균 밝기 값으로 인정될 수 있다.

단계(204)에서, 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정한다.

본 실시예에서, 단계(203)에서 결정된 서브 이미지의 평균 밝기 값에 기반하여, 상기 수행주체는 다양한 수단을 통해 피입력 텍스트 상자의 텍스트의 컬러를 결정할 수 있다. 예를 들어, 먼저, 피입력 텍스트 상자의 텍스트를 어느 하나의 밝기 값으로 설정할 수 있고, 서브 이미지와 텍스트의 콘트라스트가 미리 설정된 값에 도달하지 못한 것으로 확정된 것에 응답하여, 설정된 서브 이미지의 평균 밝기 값을 기준으로 하여, 서브 이미지 및 텍스트로 이루어진 이미지 중의 밝기 값 범위를 확장 또는 축소 하여 이미지의 콘트라스트를 향상시킴으로써, 텍스트의 밝기 값, 및 상기 밝기 값과 대응되는 컬러를 결정할 수 있다.

예로서, 상기 서브 이미지의 평균 밝기 값이 0(즉, 서브 이미지는 블랙 이미지임)이고, 텍스트 상자의 텍스트를 입력하는 그레이 스케일 값이 255(즉, 텍스트 컬러는 화이트임)이면, 이때, 서브 이미지와 텍스트의 콘트라스트는 높고, 텍스트의 표시 효과도 더 좋다. 마찬가지로, 상기 서브 이미지의 평균 밝기 값이 255(즉, 서브 이미지가 화이트 이미지임)이고, 텍스트 상자의 텍스트를 입력하는 그레이 스케일 값이 0(즉, 텍스트 컬러가 블랙임)이면, 이때, 텍스트의 표시 효과도 아주 좋다. 상기 서브 이미지가 화이트 및 블랙에만 한정되지 않고, 마찬가지로, 텍스트 상자 중의 텍스트의 컬러는 블랙 및 화이트에만 한정되지 않으며, 다른 그레이 스케일 값에 대응되는 컬러일 수도 있음을 이해해야 한다.

본 실시예의 일부 선택 가능한 실시형태에서, 상기 수행주체는 캔버스가 교체되는 지의 여부를 실시간으로 검출할 수도 있다. 캔버스가 교체되면, 상기 수행주체는 피입력 텍스트 상자의 텍스트의 컬러를 다시 설정할 수 있다. 구체적으로, 상기 수행주체는 상기 단계(201)~ 단계(204)를 다시 수행하여 피입력 텍스트 상자의 텍스트의 컬러를 다시 설정할 수 있다.

선행기술과 비교해보면, 본 실시예에 의해 제공되는 텍스트의 컬러 결정 방법은, 사용자가 디자인 타입의 툴을 사용하여 텍스트을 입력할 경우, 캔버스와 서로 적응되는 텍스트 컬러를 자동으로 결정할 수 있어, 캔버스에서의 텍스트의 표시 효과를 증강시킨다. 동시에, 본 실시예에 의해 제공되는 텍스트의 컬러 결정 방법은 사용자가 캔버스와 서로 적응되는 텍스트 컬러를 수동으로 조절하는 것을 방지하고, 텍스트 컬러 매칭의 효율을 향상시킨다.

계속하여 도 3을 참조하면, 도 3은 본 실시예에 따른 텍스트의 컬러 결정 방법의 응용 상황의 하나의 모식도이다. 도 3의 응용 상황에서, 사용자는 디자인 타입의 툴을 이용하여 텍스트를 입력하기 전에, 디자인 타입의 툴의 캔버스(301)에 텍스트를 입력하기 위한 텍스트 상자(302)를 첨가할 수 있다. 캔버스(301)에 텍스트 상자(302)가 존재하는 것으로 검출한 것에 응답하여, 백엔드 서버는 캔버스(301)로부터 텍스트 상자(302)와 대응되는 서브 이미지(303)(텍스트 상자(302) 점선 내에 대응되는 캔버스)를 결정할 수 있다. 다음, 서브 이미지(303) 중 픽셀의 컬러 값을 획득하여 백엔드 서버가 서브 이미지(303)의 평균 컬러 값을 확정할 수 있도록 한다. 그 다음, 서브 이미지(303) 중의 평균 컬러 값에 기반하여, 백엔드 서버는 상기 서브 이미지(303)의 평균 밝기 값을 확정할 수 있다. 마지막으로, 서브 이미지(303)의 평균 밝기 값에 기반하여, 백엔드 서버는 피입력 텍스트 상자(302)의 텍스트의 컬러를 결정할 수 있다. 이때, 사용자는 텍스트 상자(302) 내에 결정된 컬러의 텍스트를 입력할 수 있고, 도 3에 도시된 바와 같이, 텍스트 상자(302)에 입력된 텍스트 "What a nice day！”의 컬러와 캔버스의 콘트라스트는 비교적 높으며, 텍스트의 표시 효과는 더 좋다. 이로부터 알 수 있는 바, 본 실시예에 의해 제공되는 텍스트의 컬러 결정 방법은 캔버스에서의 텍스트의 표시 효과를 자동으로 증강시키는 목적을 실현하고, 사용자가 텍스트 컬러를 수동으로 조절하는 것을 방지하고, 텍스트 컬러 매칭의 효율을 향상시킨다.

본 발명의 상기 실시예에 의해 제공되는 텍스트의 컬러 결정 방법은, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하고, 다음, 서브 이미지 중 픽셀의 컬러 값을 획득하여 서브 이미지의 평균 컬러 값을 확정하며, 그 다음, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정할 수 있고, 마지막으로, 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정할 수 있음으로써, 텍스트 표시의 효과를 증강시킨다.

도 4를 추가로 참조하면, 텍스트의 컬러 결정 방법의 다른 실시예의 흐름(400)을 나타낸다. 상기 텍스트의 컬러 결정 방법의 흐름(400)은 하기와 같은 단계를 포함한다.

단계(401)에서, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정한다.

본 실시예의 일부 선택 가능한 실시형태에서, 서브 이미지 중 픽셀의 컬러 값을 획득하기 전에, 상기 수행주체는, 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 단계; 지정 사이즈의 SVG 템플릿을 구축하는 단계 - 지정 사이즈는 서브 이미지의 사이즈임 - ; 및 XML 파일을 SVG 템플릿의 콘텐츠로 하여 XML 파일을 해석하고, 서브 이미지의 벡터 그래픽을 생성하는 단계를 더 수행할 수 있다. 구체적으로, 상기 수행주체는 운행 서브 이미지 중의 DOM 노드일 수 있고, 다음, 획득된 DOM 노드를 하나의 XML 파일로 직렬화(serialization)할 수 있으며, 그 다음, 지정 사이즈의 SVG 템플릿(즉, SVG 그래픽의 길이와 폭을 각각 서브 이미지의 길이와 폭으로 설정함)을 정의하고, 상기 SVG 템플릿이 foreignObject 라벨에 포함되는 것으로 결정하고, 마지막으로, 상기 XML 파일을 SVG 템플릿의 콘텐츠로 설정하여 XML 파일을 해석함으로써, SVG 그래픽을 생성할 수 있으며, 상기 이미지는 서브 이미지의 벡터 그래픽이다. 이로써, 상기 수행주체는 생성된 서브 이미지의 벡터 그래픽의 컬러 속성을 획득할 수 있음으로써, 상기 서브 이미지 중 픽셀의 컬러 값을 획득할 수 있다. 본 실시예의 일부 선택 가능한 실시형태에서, 상기 수행주체는 지정 사이즈의 캔버스(canvas)를 구축할 수도 있고, 상기 캔버스(canvas)의 높이 및 폭은 각각 서브 이미지의 높이 및 폭과 같을 수 있다. 다음, 상기 수행주체는 서브 이미지의 벡터 그래픽을 구축된 캔버스(canvas)에 드로잉할 수 있음으로써, 수행주체가 getImageData 방법을 통해 서브 이미지 중 픽셀의 컬러 값으로 직접 리턴될 수 있도록 하므로, 방법이 더 간단하다.

단계(402)에서, 서브 이미지 중 픽셀의 컬러 값을 획득하고, 서브 이미지의 평균 컬러 값을 확정한다.

본 실시예에서, 상기 캔버스는 단색일 수 있고, 그러데이션 컬러 또는 그림의 조합일 수도 있다. 따라서, 상기 서브 이미지 중의 각 픽셀 점의 컬러 값은 동일하거나 상이할 수 있다. 단계(401)에서 획득된 이미지에 기반하여, 상기 수행주체는 다양한 수단을 통해 상기 서브 이미지의 각 픽셀의 컬러 값을 획득할 수 있다. 예로서, 상기 수행주체는 서브 이미지를 기존의 그림 컬러 값 판독 툴에 도입하여 서브 이미지 중 각 픽셀의 컬러 값을 판독할 수 있다. 마지막으로, 서브 이미지 중 각 픽셀의 컬러값을 획득한 후, 상기 수행주체는 각 픽셀의 컬러 값의 평균값을 산출할 수 있음으로써, 상기 서브 이미지의 평균 컬러 값을 확정한다.

단계(403)에서, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정한다.

본 실시예에서, 단계(402)에서 결정된 서브 이미지의 평균 컬러 값에 기반하여, 상기 수행주체는 서브 이미지의 평균 컬러 값을 이용하여 서브 이미지의 평균 밝기 값을 확정할 수 있다. 예로서, 상기 수행주체는 서브 이미지 각 픽셀의 RGB 컬러 공간의 컬러 값을 획득할 수 있고, 다음, RGB 공간의 컬러 값을 YC_bC_r 컬러 공간의 컬러 값으로 전환시킬 수 있음으로써, YC_bC_r 컬러 공간에서의 서브 이미지의 밝기 성분(Y), 블루 색도 성분(C_b) 및 레드 색도 성분(C_r)을 획득하고, 여기서, 밝기 성분(Y)은 상기 서브 이미지의 평균 밝기 값으로 인정될 수 있다.

본 실시예의 일부 선택 가능한 실시형태에서, 상기 수행주체가 획득한 서브 이미지의 평균 컬러 값은 RGB 공간의 컬러 값일 수 잇고, 레드 성분(R), 그린 성분(G) 및 블루 성분(B)을 포함한다. 상기 수행주체는 L=0.2126ХR+0.7152ХG+0.0722ХB인 밝기 값 공식을 통해 서브 이미지의 평균 밝기 값을 산출할 수 있고, 여기서, L은 서브 이미지의 평균 밝기 값이고, R은 서브 이미지의 평균 컬러 값 중의 레드 성분이며, G는 서브 이미지의 평균 컬러 값 중의 그린 성분이고, B는 서브 이미지의 평균 컬러 값 중의 블루 성분이다. 여기서, 상기 수행주체가 상기 밝기 값 공식을 통해 각 컬러의 밝기 값에 대해 정규화(normalization) 처리를 진행할 수 있도록, 서브 이미지의 평균 컬러 값 중의 레드 성분(R), 그린 성분(G) 및 블루 성분(B)은 전환 후의 컬러 성분 값일 수 있다. 획득된 블랙에 대응되는 밝기 값은 0이고, 화이트에 대응되는 밝기 값은 1이며, 다른 컬러에 대응되는 밝기 값은 0 ~ 1 사이이다.

단계(404)에서, 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 텍스트 상자의 텍스트의 컬러를 블랙으로 설정한다.

본 실시예에서, 텍스트 상자 중의 텍스트는 단지 화이트 또는 블랙일 수 있다. 서브 이미지의 평균 밝기 값이 비교적 클 경우, 텍스트를 블랙으로 설정하여 서브 이미지와 텍스트의 콘트라스트를 증가시킬 수 있다. 서브 이미지의 평균 밝기 값이 비교적 작을 경우, 텍스트를 화이트로 설정하여 서브 이미지와 텍스트의 콘트라스트를 증가시킬 수 있다. 따라서, 상기 수행주체는 기설정된 임계값과 서브 이미지의 평균 밝기 값을 미리 설정하여 비교하고, 서브 이미지의 평균 밝기 값이 상기 기설정된 임계값보다 큰 것으로 결정될 경우, 피입력 텍스트 상자의 텍스트의 컬러를 블랙으로 설정할 수 있다.

단계(405)에서, 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 텍스트 상자의 텍스트의 컬러를 화이트로 설정한다.

본 실시예에서, 단계(404)에서 설정된 기설정된 임계값에 기반하여, 상기 수행주체는 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 결정할 경우, 피입력 텍스트 상자의 텍스트의 컬러를 화이트로 설정한다.

본 실시예의 일부 선택 가능한 실시형태에서, Contrast=(L1+0.05)/(L2+0.05)인 공식을 통해 텍스트와 서브 이미지의 콘트라스트를 산출할 수 있고, 여기서, Contrast는 텍스트와 서브 이미지의 콘트라스트이며, L1은 서브 이미지와 텍스트 중 상대적으로 비교적 큰 밝기 값이고, L2는 서브 이미지와 텍스트 중 상대적으로 비교적 작은 밝기 값이다. 따라서, 상기 공식으로부터 밝기 값을 역도출할 수 있고, 상기 밝기 값은 화이트 텍스트와 블랙 텍스트의 콘트라스트와 같으며, 다음, 상기 수행주체는 상기 밝기 값을 상기 기설정된 임계값으로 결정할 수 있다. 본 기술분야의 통상의 기술자들은 경험에 따라 상기 기설정된 임계값을 설정할 수도 있고, 여기서 유일하게 한정하는 것이 아님을 이해할 수 있다.

본 실시예의 일부 선택 가능한 실시형태에서, 사용자는 상기 수행주체가 사용자가 미리 설정한 콘트라스트를 획득할 수 있도록 서브 이미지와 피입력 텍스트 상자의 텍스트의 컬러의 콘트라스트를 미리 설정할 수 있다. 다음, 상기 수행주체는 서브 이미지의 평균 밝기와 획득된 콘트라스트를 상기 공식 Contrast=(L1+0.05)/(L2+0.05)에 대입시켜 텍스트의 밝기 값을 산출할 수 있다. 마지막으로, 산출된 텍스트의 밝기 값을 환산하여 텍스트의 그레이 스케일 값을 결정할 수 있음으로써, 텍스트의 컬러를 결정할 수 있다.

도 4로부터 알 수 있는 바, 본 실시예에서의 텍스트의 컬러 결정 방법은 기설정된 임계값과 서브 이미지 평균 밝기 값을 비교한느 방법을 통해 피입력 텍스트 상자의 텍스트의 텍스트 컬러가 화이트 또는 블랙인 것으로 직접 결정할 수 있으므로, 방법이 보다 간단하고, 텍스트 컬러를 설정하는 효율을 더욱 향상시킨다.

도 5를 추가로 참조하면, 상기 각 도면에 도시된 방법의 구현으로서, 본 발명은 텍스트의 컬러 결정 장치의 일 실시예를 제공하고, 상기 장치 실시예는 도 2에 도시된 방법 실시에와 서로 대응되며, 상기 장치는 구체적으로 다양한 수행주체에 적용될 수 있다.

도 5에 도시된 바와 같이, 본 실시예의 텍스트의 컬러 결정 장치(500)는 서브 이미지 확정 유닛(501), 획득 유닛(502), 평균 밝기 값 확정 유닛(503) 및 컬러 결정 유닛(504)을 포함한다. 여기서, 서브 이미지 확정 유닛(501)은, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정하고; 획득 유닛(502)은, 서브 이미지 중 픽셀의 컬러 값을 획득하고, 서브 이미지의 평균 컬러 값을 확정하며; 평균 밝기 값 확정 유닛(503)은, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정하고; 컬러 결정 유닛(504)은, 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정한다.

본 실시예에서, 상기 서브 이미지 확정 유닛(501)은, 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정할 수 있고, 다음, 획득 유닛(502)은, 서브 이미지 중 픽셀의 컬러 값을 획득하여 서브 이미지의 평균 컬러 값을 확정할 수 있으며, 그 다음, 평균 밝기 값 확정 유닛(503)은, 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정할 수 있고, 마지막으로, 컬러 결정 유닛(504)은 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정할 수 있음으로써, 텍스트 표시의 효과를 증강시킨다.

본 실시예의 일부 선택 가능한 실시형태에서, 텍스트의 컬러 결정 장치(500)는, 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 파일 생성 유닛; 지정 사이즈의 SVG 템플릿을 구축하는 템플릿 구축 유닛 - 지정 사이즈는 서브 이미지의 사이즈임 - ; 및 XML 파일을 SVG 템플릿의 콘텐츠로 하여 XML 파일을 해석하고, 서브 이미지의 벡터 그래픽을 생성하는 벡터 그래픽 생성 유닛을 더 포함한다.

본 실시예의 일부 선택 가능한 실시형태에서, 텍스트의 컬러 결정 장치(500)는, 지정 사이즈의 캔버스를 구축하는 캔버스 구축 유닛; 및 벡터 그래픽을 구축된 캔버스에 드로잉하여 서브 이미지 중 픽셀의 컬러 값을 획득하는 드로잉 유닛을 더 포함한다.

본 실시예의 일부 선택 가능한 실시형태에서, 컬러 결정 유닛(504)은 구체적으로, 미리 설정된 콘트라스트를 획득하고, 여기서, 콘트라스트는 텍스트와 서브 이미지 사이의 콘트라스트이며; 서브 이미지의 평균 밝기 값 및 콘트라스트에 기반하여 텍스트의 밝기 값을 확정하고; 확정된 텍스트의 밝기 값에 따라 텍스트의 그레이 스케일 값을 결정한다.

본 실시예의 일부 선택 가능한 실시형태에서, 컬러 결정 유닛(504)은 또한, 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 텍스트 상자의 텍스트의 컬러를 블랙으로 설정하고; 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 텍스트 상자의 텍스트의 컬러를 화이트로 설정한다.

본 실시예의 일부 선택 가능한 실시형태에서, 서브 이미지 확정 유닛(501)은 또한, 캔버스에서 텍스트 상자의 적어도 하나의 꼭짓점의 위치를 확정하고; 텍스트 상자의 길이와 폭을 획득하며; 확정된 적어도 하나의 꼭짓점의 위치 및 길이와 폭에 기반하여 캔버스로부터 서브 이미지를 확정한다.

텍스트의 컬러 결정 장치(500)에 기재된 모든 유닛은 도 2에 설명된 방법 중의 각각의 단계와 서로 대응된다. 이로써, 위에서 방법에 대해 설명한 동작 및 특징은 마찬가지로 텍스트의 컬러 결정 장치(500) 및 이에 포함되는 유닛에 적용되고, 여기서 더 이상 설명하지 않는다.

이하 도 6을 참조하면, 본 발명의 실시예의 서버의 전자 기기(예를 들어, 도 1에서의 서버)(600)의 구조 모식도이다. 도 6에 도시된 서버는 하나의 예시일 뿐, 본 발명 실시예의 기능 및 사용 범위에 대해 어떠한 한정도 해서는 안된다.

도 6에 도시된 바와 같이, 전자 기기(600)는 판독 전용 메모리(ROM)(602)에 저장된 프로그램 또는 저장 장치(608)로부터 랜덤 액세스 메모리(RAM)(603)로 로딩된 프로그램에 따라 다양하고 적절한 동작 및 처리를 수행할 수 있는 처리 장치(예를 들어, 중앙 처리 장치, 그래픽 처리 장치)(601)를 포함할 수 있다. RAM(603)에는 또한 전자 기기(600)의 조작에 필요한 다양한 프로그램 및 데이터가 저장된다. 처리 장치(601), ROM(602) 및 RAM(603)은 버스(604)를 통해 서로 연결된다. 입력/출력(I/O, Input / Output) 인터페이스(605) 역시 버스(604)에 연결된다.

일반적으로, 예를 들어 터치 스크린, 터치 패드, 키보드, 마우스, 카메라, 마이크, 가속도계, 자이로 등을 포함하는 입력 장치(606); 예를 들어 액정 디스플레이(LCD), 스피커, 진동기 등을 포함하는 출력 장치(607); 예를 들어 자기 테이프, 하드 디스크 등을 포함하는 저장 장치(608); 및 통신 장치(609)는 I/O 인터페이스(605)에 연결될 수 있다. 통신 장치(609)는 전자 기기(600)가 다른 기기와 데이터를 교환하도록 무선 또는 유선 통신을 진행하도록 할 수 있다. 비록 도 6에서 다양한 장치를 구비하는 전자 기기(600)를 도시하였지만, 도시된 모든 장치를 실시 또는 구비해야 되는 것이 아님을 이해해야 한다. 더욱 많거나 적은 장치를 대체로 실시 또는 구비할 수 있다. 도 6에 도시된 각각의 블록은 하나의 장치를 나타낼 수 있고, 필요에 따라 복수의 장치를 나타낼 수도 있다.

특히, 본 발명의 실시예에 따르면, 상기에서 흐름도를 참조하여 설명한 과정은 컴퓨터 소프트웨어 프로그램으로서 구현될 수 있다. 예를 들어, 본 발명의 실시예는 컴퓨터 판독 가능 매체에 베어링된 컴퓨터 프로그램을 포함하는 컴퓨터 프로그램 제품을 포함하고, 상기 컴퓨터 프로그램은 흐름도에 도시된 방법을 수행하기 위한 프로그램 코드를 포함한다. 이러한 실시예에서, 상기 컴퓨터 프로그램은 통신 장치(609)를 통해 네트워크로부터 다운로드 및 설치될 수 있거나, 저장 장치(608)로부터 설치될 수 있거나, ROM(602)으로부터 설치될 수 있다. 상기 컴퓨터 프로그램이 처리 장치(601)에 의해 실행될 경우, 본 발명의 방법에 한정된 상기 기능들이 수행된다. 본 발명에 기재된 컴퓨터 판독 가능 매체는 컴퓨터 판독 가능 신호 매체 또는 컴퓨터 판독 가능 저장 매체 또는 이 양자의 임의의 조합일 수 있음에 유의해야 한다. 컴퓨터 판독 가능 저장 매체는, 예를 들어, 전자, 자기, 광학, 전자기, 적외선 또는 반도체 시스템, 장치 또는 소자, 또는 이들의 임의의 조합일 수 있지만, 이에 한정되지는 않는다. 컴퓨터 판독 가능 저장 매체의 보다 구체적인 예는 하나 또는 복수의 와이어를 갖는 전기적 연결, 휴대용 컴퓨터 디스크, 하드 디스크, 랜덤 액세스 메모리(RAM), 판독 전용 메모리(ROM), 소거 가능 프로그램 가능 판독 전용 메모리(EPROM 또는 플래시 메모리), 광섬유, 휴대용 컴팩트 디스크 판독 전용 메모리(CD-ROM), 광학 저장 장치, 자기 저장 장치 또는 이들의 임의의 적절한 조합을 포함할 수 있지만, 이에 한정되지는 않는다. 본 발명에서, 컴퓨터 판독 가능 저장 매체는 명령 실행 시스템, 장치 또는 소자 또는 이들과 결합되어 사용될 수 있는 프로그램을 포함하거나 저장할 수 있는 임의의 유형 매체(tangible medium)일 수 있다. 본 발명에서, 컴퓨터 판독 가능 신호 매체는 컴퓨터 판독 가능 프로그램 코드를 베어링하는 베이스 밴드 또는 캐리어의 일부로 전파되는 데이터 신호를 포함할 수 있다. 이러한 전파된 데이터 신호는 전자기 신호, 광학 신호, 또는 상기 임의의 적절한 조합을 포함하지만 이에 한정되지 않는 다양한 형태를 취할 수 있다. 컴퓨터 판독 가능 신호 매체는 또한 명령 실행 시스템, 장치 또는 소자에 사용되거나 이와 결합하여 사용하기 위한 프로그램을 송신, 전파 또는 전송할 수 있는 컴퓨터 판독 가능 저장 매체 이외의 임의의 컴퓨터 판독 가능 매체일 수 있다. 컴퓨터 판독 가능 매체에 포함된 프로그램 코드는 전기선, 광 케이블, RF(무선 주파수) 등, 또는 상기의 임의의 적절한 조합을 포함하지만 이에 한정되지 않는 임의의 적절한 매체에 의해 전송될 수 있다.

상기 컴퓨터 판독 가능 매체는 상기 전자 기기에 포함될 수 있고, 상기 전자 기기에 장착되지 않고 단독으로 존재할 수도 있다. 상기 컴퓨터 판독 가능 매체에는 하나 또는 복수의 프로그램이 베어링되고, 상기 하나 또는 복수의 프로그램이 상기 전자 기기에 의해 실행될 경우, 상기 전자 기기가 캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계; 서브 이미지 중 픽셀의 컬러 값을 획득하고, 서브 이미지의 평균 컬러 값을 확정하는 단계; 서브 이미지의 평균 컬러 값에 기반하여 서브 이미지의 평균 밝기 값을 확정하는 단계; 및 서브 이미지의 평균 밝기 값에 기반하여 피입력 텍스트 상자의 텍스트의 컬러를 결정하는 단계를 수행하도록 한다.

본 발명의 동작을 수행하기 위한 컴퓨터 프로그램 코드는 하나 또는 복수의 프로그래밍 언어, 또는 그들의 조합으로 작성될 수 있다. 상기 프로그래밍 언어는 Java, Smalltalk, C++를 비롯한 객체 지향 프로그래밍 언어와 "C" 언어 또는 유사한 프로그래밍 언어를 비롯한 기존 절차적 프로그래밍 언어를 포함한다. 프로그램 코드는 완전히 사용자의 컴퓨터에서 실행되거나, 부분적으로 사용자의 컴퓨터에서 실행되거나, 하나의 독립형 소프트웨어 패키지로서 실행되거나, 일부는 사용자의 컴퓨터에서 실행되고 일부는 원격 컴퓨터에서 실행되거나, 또는 완전히 원격 컴퓨터 또는 서버에서 실행될 수 있다. 원격 컴퓨터의 경우, 원격 컴퓨터는 구내 정보 통신망(LAN) 또는 광역 통신망(WAN)을 포함한 임의의 종류의 네트워크를 통해 사용자의 컴퓨터에 연결되거나 외부 컴퓨터에 연결될 수 있다(예를 들어, 인터넷 서비스 제공 업체를 이용하여 인터넷을 통해 연결됨).

도면의 흐름도 및 블록도는 본 발명의 다양한 실시예에 따른 시스템, 방법 및 컴퓨터 프로그램 제품의 가능한 구현의 아키텍처, 기능 및 동작을 도시한다. 이 점에서, 흐름도 또는 블록도의 각 블록은 지정된 논리 기능을 구현하기 위한 하나 또는 복수의 실행 가능한 명령을 포함하는 하나의 모듈, 프로그램 세그먼트 또는 코드의 일부를 나타낼 수 있다. 일부 대안적인 구현에서, 블록에 마크업된 기능은 또한 도면에 도시된 것과 다른 순서로 발생할 수 있음에 유의해야 한다. 예를 들어, 연속적으로 표현된 2개의 블록은 실제로 병렬로 실행될 수 있고, 관련 기능에 따라 때때로 역순으로 실행될 수도 있다. 또한, 블록도 및/또는 흐름도의 각 블록, 및 블록도 및/또는 흐름도에서 블록의 조합은 지정된 기능 또는 동작을 수행하는 전용 하드웨어 기반 시스템에서 구현될 수 있거나 전용 하드웨어와 컴퓨터 명령을 조합하여 구현할 수도 있음에 유의해야 한다.

본 발명의 실시예들에 설명된 유닛들은 소프트웨어 또는 하드웨어에 의해 구현될 수 있다. 설명된 유닛은 또한 프로세서, 예를 들어, 서브 이미지 확정 유닛, 획득 유닛, 평균 밝기 값 확정 유닛, 컬러 결정 유닛을 포함하는 프로세서에 설치될 수도 있다. 여기서 이들 유닛의 명칭은 경우에 따라서는 유닛 자체로 한정되지 않으며, 예를 들어, 메타 정보 백업 유닛은 "캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 캔버스로부터 텍스트 상자와 대응되는 서브 이미지를 확정하는 유닛”으로 기술될 수도 있다.

상기 설명은 본 발명의 바람직한 실시예 및 적용된 기술의 원리에 대한 설명일 뿐이다. 본 발명이 속하는 기술분야의 통상의 기술자들은 본 발명에 언급된 본 발명의 범위는 상기 기술특징의 특정 조합에 따른 기술적 해결수단에 한정되지 않으며, 동시에 본 발명의 사상을 벗어나지 않으면서 상기 기술특징 또는 그 균등한 특징에 대해 임의로 조합하여 형성된 다른 기술적 해결수단, 예를 들어, 상기 특징과 본 발명에 공개된(단 이에 한정되지 않음) 유사한 기능을 구비하는 기술특징을 서로 교체하여 형성된 기술적 해결수단을 포함함을 이해하여야 한다.

Claims

텍스트의 컬러 결정 방법에 있어서,
캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계;
상기 서브 이미지 중 픽셀의 컬러 값을 획득하고, 상기 서브 이미지의 평균 컬러 값을 확정하는 단계;
상기 서브 이미지의 평균 컬러 값에 기반하여 상기 서브 이미지의 평균 밝기 값을 확정하는 단계; 및
상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계를 포함하는 텍스트의 컬러 결정 방법.
제1항에 있어서,
상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 단계 이전에, 상기 텍스트의 컬러 결정 방법은,
상기 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 단계;
지정 사이즈의 SVG 템플릿을 구축하는 단계 - 상기 지정 사이즈는 상기 서브 이미지의 사이즈임 - ; 및
상기 XML 파일을 상기 SVG 템플릿의 콘텐츠로 하여 상기 XML 파일을 해석하고, 상기 서브 이미지의 벡터 그래픽을 생성하는 단계를 더 포함하는 텍스트의 컬러 결정 방법.
제2항에 있어서,
상기 텍스트의 컬러 결정 방법은,
상기 지정 사이즈의 캔버스를 구축하는 단계;
상기 벡터 그래픽을 구축된 캔버스에 드로잉하여, 상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 단계를 더 포함하는 텍스트의 컬러 결정 방법.
제1항에 있어서,
상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계는,
미리 설정된 콘트라스트를 획득하는 단계 - 상기 콘트라스트는 상기 텍스트와 상기 서브 이미지 사이의 콘트라스트임 - ;
상기 서브 이미지의 평균 밝기 값 및 상기 콘트라스트에 기반하여 상기 텍스트의 밝기 값을 확정하는 단계; 및
확정된 텍스트의 밝기 값에 따라 상기 텍스트의 그레이 스케일 값을 결정하는 단계를 포함하는 텍스트의 컬러 결정 방법.
제1항에 있어서,
상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 단계는,
상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 블랙으로 설정하는 단계; 및
상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 화이트로 설정하는 단계를 포함하는 텍스트의 컬러 결정 방법.
제1항 내지 제5항 중 어느 한 항에 있어서,
상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 단계는,
상기 캔버스에서 상기 텍스트 상자의 적어도 하나의 꼭짓점의 위치를 확정하는 단계;
상기 텍스트 상자의 길이와 폭을 획득하는 단계; 및
확정된 적어도 하나의 꼭짓점의 위치 및 길이와 폭에 기반하여 상기 캔버스로부터 상기 서브 이미지를 확정하는 단계를 포함하는 텍스트의 컬러 결정 방법.
텍스트의 컬러 결정 장치에 있어서,
캔버스 중의 텍스트 상자를 검출한 것에 응답하여, 상기 캔버스로부터 상기 텍스트 상자와 대응되는 서브 이미지를 확정하는 서브 이미지 확정 유닛;
상기 서브 이미지 중 픽셀의 컬러 값을 획득하고, 상기 서브 이미지의 평균 컬러 값을 확정하는 획득 유닛;
상기 서브 이미지의 평균 컬러 값에 기반하여 상기 서브 이미지의 평균 밝기 값을 확정하는 평균 밝기 값 확정 유닛; 및
상기 서브 이미지의 평균 밝기 값에 기반하여 피입력 상기 텍스트 상자의 텍스트의 컬러를 결정하는 컬러 결정 유닛을 포함하는 텍스트의 컬러 결정 장치.
제7항에 있어서,
상기 텍스트의 컬러 결정 장치는,
상기 서브 이미지의 DOM 노드의 요소 정보를 획득하여 XML 파일을 생성하는 파일 생성 유닛;
지정 사이즈의 SVG 템플릿을 구축하는 템플릿 구축 유닛 - 상기 지정 사이즈는 상기 서브 이미지의 사이즈임 - ; 및
상기 XML 파일을 상기 SVG 템플릿의 콘텐츠로 하여 상기 XML 파일을 해석하고, 상기 서브 이미지의 벡터 그래픽을 생성하는 벡터 그래픽 생성 유닛을 더 포함하는 텍스트의 컬러 결정 장치.
제8항에 있어서,
상기 텍스트의 컬러 결정 장치는,
상기 지정 사이즈의 캔버스를 구축하는 캔버스 구축 유닛; 및
상기 벡터 그래픽을 구축된 캔버스에 드로잉하여 상기 서브 이미지 중 픽셀의 컬러 값을 획득하는 드로잉 유닛을 더 포함하는 텍스트의 컬러 결정 장치.
제7항에 있어서,
상기 컬러 결정 유닛은 구체적으로,
미리 설정된 콘트라스트를 획득하고, 상기 콘트라스트는 상기 텍스트와 상기 서브 이미지 사이의 콘트라스트이며;
상기 서브 이미지의 평균 밝기 값 및 상기 콘트라스트에 기반하여 상기 텍스트의 밝기 값을 확정하고;
확정된 텍스트의 밝기 값에 따라 상기 텍스트의 그레이 스케일 값을 결정하는 텍스트의 컬러 결정 장치.
제7항에 있어서,
상기 컬러 결정 유닛은 또한,
상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 큰 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 블랙으로 설정하고;
상기 서브 이미지의 평균 밝기 값이 기설정된 임계값보다 작거나 같은 것으로 확정된 것에 응답하여, 피입력 상기 텍스트 상자의 텍스트의 컬러를 화이트로 설정하는 텍스트의 컬러 결정 장치.
제7항 내지 제11항 중 어느 한 항에 있어서,
상기 서브 이미지 확정 유닛은 또한,
상기 캔버스에서 상기 텍스트 상자의 적어도 하나의 꼭짓점의 위치를 확정하고;
상기 텍스트 상자의 길이와 폭을 획득하며;
확정된 적어도 하나의 꼭짓점의 위치 및 길이와 폭에 기반하여 상기 캔버스로부터 상기 서브 이미지를 확정하는 텍스트의 컬러 결정 장치.
하나 또는 복수의 프로세서; 및
하나 또는 복수의 프로그램이 저장된 저장 장치를 포함하는 전자 기기에 있어서,
상기 하나 또는 복수의 프로그램이 상기 하나 또는 복수의 프로세서에 의해 실행될 경우, 상기 하나 또는 복수의 프로세서가 제1항 내지 제6항 중 어느 한 항에 따른 텍스트의 컬러 결정 방법을 구현하도록 하는 전자 기기.
컴퓨터 프로그램이 저장된 컴퓨터 판독 가능 저장 매체에 있어서,
상기 컴퓨터 프로그램이 프로세서에 의해 실행될 경우 제1항 내지 제6항 중 어느 한 항에 따른 텍스트의 컬러 결정 방법을 구현하는 컴퓨터 판독 가능 저장 매체.