KR20220107902A - 렌더링 방법, 장치, 전자 기기 및 저장 매체 - Google Patents
렌더링 방법, 장치, 전자 기기 및 저장 매체 Download PDFInfo
- Publication number
- KR20220107902A KR20220107902A KR1020210094587A KR20210094587A KR20220107902A KR 20220107902 A KR20220107902 A KR 20220107902A KR 1020210094587 A KR1020210094587 A KR 1020210094587A KR 20210094587 A KR20210094587 A KR 20210094587A KR 20220107902 A KR20220107902 A KR 20220107902A
- Authority
- KR
- South Korea
- Prior art keywords
- rendering
- page
- objects
- content
- page element
- Prior art date
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 507
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000012545 processing Methods 0.000 claims description 28
- 230000000694 effects Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 9
- 238000000605 extraction Methods 0.000 claims description 5
- 238000010276 construction Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 5
- 230000002093 peripheral effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 208000003028 Stuttering Diseases 0.000 description 3
- 238000012937 correction Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000007792 addition Methods 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—Trees
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Image Generation (AREA)
- Processing Or Creating Images (AREA)
Abstract
본 발명은 렌더링 방법, 장치, 전자 기기 및 저장 매체에 관한 것으로, 당해 방법은, 처리할 페이지의 데이터를 획득하는 단계; 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는 단계; 각 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는 단계; 각 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는 단계 - 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함함 - ; 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는 단계; 및 렌더링 트리에 따라 렌더링을 하는 단계; 를 포함한다. 당해 방법은, 페이지 요소의 콘텐츠 및 속성에 따라 페이지를 렌더링하고, 각 페이지 요소를 위해 다 기능적인 렌더링 개체를 구축할 필요 없이, 당해 페이지 요소의 복수의 속성에 따라 복수의 해당 렌더링 개체만 구축하면 되고, 렌더링 개체의 구축 속도를 향상시킴으로, 페이지의 렌더링 속도를 향상시킨다.
Description
본 발명은 인터넷 기술 분야에 관한 것으로, 특히 렌더링 방법, 장치, 전자 기기 및 저장 매체에 관한 것이다.
현재, 지능형 기기와 같은 전자 기기의 기능이 부단히 강해짐에 따라, 지능형 기기의 기능에 대한 요구도 많아지고 있다. 따라서, 지능형 기기가 디스플레이해야 할 페이지 콘텐츠도 많아지고, 풍부해졌다. 그러나, 페이지 콘텐츠의 풍부함은 로딩 시간이 길어지는 등 문제를 가져올 수 있다.
관련 기술 중, 페이지의 렌더링 과정에서, 페이지의 각 페이지 요소를 위해 모든 능력을 구비한 렌더링 개체를 구축하고, 당해 렌더링 개체를 통해 렌더링하는데 수요되는 모든 기능을 구현할 수 있다. 즉, 당해 렌더링 개체는 당해 페이지 요소의 모든 가능한 속성에 적용될 수 있다. 예를 들면, 텍스트 유형의 페이지 요소에 있어서, 통상적으로 하나의 텍스트 유형의 페이지 요소의 속성은 약 5 내지 10종류가 있으나, 페이지의 렌더링을 구현하기 위해, 구축한 렌더링 개체는 모든 페이지 속성을 서포트해야 함으로, 당해 렌더링 개체가 특별히 많아져, 페이지 요소의 구축이 매우 느려지는 경우를 초래한다.
본 출원은 일정한 정도에서 관련 기술 중 적어도 하나의 기술과제를 해결하려는 것을 취지로 한다.
이를 통해, 본 발명은 하기의 기술적 수단을 제출한다.
본 발명의 제1 측면 실시예는 렌더링 방법을 제공하고, 당해 방법은, 처리할 페이지의 데이터를 획득하는 단계; 상기 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는 단계; 각 상기 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는 단계; 각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는 단계 - 상기 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함함 - ; 상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는 단계; 및 상기 렌더링 트리에 따라 렌더링을 하는 단계; 를 포함한다.
또한, 본 발명의 상기 실시예에 따른 렌더링 방법은 하기의 부가 기술 특징을 더 구비할 수 있다.
본 발명의 일 실시예에 따르면, 각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는 단계는, 상기 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 상기 콘텐츠 렌더링 개체를 상기 렌더링 개체 집합에 추가하는 단계; 및 상기 페이지 요소의 복수의 속성에 따라 상기 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 상기 페이지 요소의 복수의 속성 렌더링 개체를 상기 렌더링 개체 집합에 추가하는 단계; 를 포함한다.
본 발명의 일 실시예에 따르면, 상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는 단계는, 상기 복수의 속성과 상기 콘텐츠 렌더링 개체의 각각에 대응하는 등급을 획득하는 단계; 상기 복수의 속성에 대응하는 등급 및 상기 콘텐츠 렌더링 개체의 등급에 따라, 상기 페이지 요소에 대응하는 상기 렌더링 개체 집합의 복수의 렌더링 개체를 정렬하는 단계; 상기 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 상기 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성하는 단계; 및 상기 복수의 렌더링 개체 집합의 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는 단계; 를 포함한다.
본 발명의 일 실시예에 따르면, 상기 복수의 렌더링 개체 집합의 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는 단계는, 각 상기 페이지 요소의 등급을 획득하는 단계; 각 상기 페이지 요소의 등급에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성하는 단계; 및 상기 복수의 렌더링 개체 서브 트리를 상기 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 상기 렌더링 트리를 생성하는 단계; 를 포함한다.
본 발명의 일 실시예에 따르면, 렌더링 방법은, 상기 처리할 페이지의 페이지 요소가 이미 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는 단계; 상기 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는 단계; 및 상기 업데이트 속성에 대응하는 렌더링 개체를 획득하고, 상기 대응되는 렌더링 개체 서브 트리를 업데이트하는 단계; 를 더 포함한다.
본 발명의 일 실시예에 따르면, 상기 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함한다.
본 발명의 일 실시예에 따르면, 렌더링 방법은, 상기 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는 단계를 더 포함한다.
본 발명의 제2 측면 실시예는 렌더링 장치를 제공하고, 당해 장치는, 처리할 페이지의 데이터를 획득하는데 사용되는 제1 획득 모듈; 상기 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는데 사용되는 제1 추출 모듈; 각 상기 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는데 사용되는 제2 획득 모듈; 각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는데 사용되는 제1 생성 모듈 - 상기 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함함 - ; 상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는데 사용되는 제2 생성 모듈; 및 상기 렌더링 트리에 따라 렌더링을 하는데 사용되는 제1 렌더링 모듈; 을 포함한다.
또한, 본 발명의 상기 실시예의 렌더링 장치는 하기의 부가된 기술 특징을 더 구비할 수 있다.
본 발명의 일 실시예에 따르면, 상기 제1 생성 모듈은, 상기 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 상기 콘텐츠 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제1 생성 유닛; 및 상기 페이지 요소의 복수의 속성에 따라 상기 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 상기 페이지 요소의 복수의 속성 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제2 생성 유닛; 을 포함한다.
본 발명의 일 실시예에 따르면, 상기 제2 생성 모듈은, 상기 복수의 속성과 상기 콘텐츠 렌더링 개체의 각각에 대응하는 등급을 획득하는데 사용되는 제1 획득 유닛; 상기 복수의 속성에 대응하는 등급 및 상기 콘텐츠 렌더링 개체의 등급에 따라, 상기 페이지 요소에 대응하는 상기 렌더링 개체 집합의 복수의 렌더링 개체를 정렬하는데 사용되는 제1 정렬 유닛; 상기 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 상기 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성하는데 사용되는 제3 생성 유닛; 및 상기 복수의 렌더링 개체 집합의 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는데 사용되는 제4 생성 유닛; 을 포함한다.
본 발명의 일 실시예에 따르면, 상기 제4 생성 유닛은, 각 상기 페이지 요소의 등급을 획득하고; 각 상기 페이지 요소의 등급에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성하며; 상기 복수의 렌더링 개체 서브 트리를 상기 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 상기 렌더링 트리를 생성하는데 사용된다.
본 발명의 일 실시예에 따르면, 렌더링 장치는, 상기 처리할 페이지의 페이지 요소가 이미 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는데 사용되는 제3 획득 모듈; 상기 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는데 사용되는 제4 획득 모듈; 및 상기 업데이트 속성에 대응하는 렌더링 개체를 획득하고, 상기 대응되는 렌더링 개체 서브 트리를 업데이트하는데 사용되는 제5 획득 모듈; 을 더 포함한다.
본 발명의 일 실시예에 따르면, 상기 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함한다.
본 발명의 일 실시예에 따르면, 렌더링 장치는, 상기 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는데 사용되는 제2 렌더링 모듈을 더 포함한다.
본 발명의 제3 측면 실시예는 전자 기기를 제공하고, 당해 전자 기기는 프로세서; 및 상기 프로세서의 수행 가능한 명령을 저장하기 위한 메모리; 를 포함하고, 상기 프로세서가 상기 메모리에 의해 저장된 수행 가능한 명령을 수행할 경우, 본 발명 제1 측면 실시예에서 제공하는 렌더링 방법이 구현된다.
본 발명의 제4 측면 실시예는 컴퓨터 프로그램이 저장된 비일시적 컴퓨터 판독 가능 저장 매체를 제공하고, 상기 컴퓨터 프로그램의 명령이 실행될 경우, 본 발명 제1 측면 실시예에서 제공하는 렌더링 방법이 수행된다.
본 발명의 제5 측면 실시예는 컴퓨터 프로그램 제품을 제공하고, 당해 컴퓨터 프로그램이 전자 기기의 프로세서에 의해 수행될 경우, 전자 기기는 본 발명 제1 측면 실시예에서 제공하는 렌더링 방법을 수행한다.
본 발명 실시예의 기술적 수단은, 각 페이지 요소를 위해 다 기능적인 렌더링 개체를 구축할 필요 없이, 당해 페이지 요소의 복수의 속성에 따라 복수의 해당 렌더링 개체만 구축하면 된다. 당해 실시예에서, 각 렌더링 개체는 하나의 속성을 처리할 수 있으므로, 당해 페이지 요소에 몇 개의 속성이 구비하면, 몇 개의 렌더링 개체를 구축하면 된다. 따라서, 렌더링 개체의 구축 속도를 현저하게 향상시킬 수 있음으로, 페이지의 렌더링 속도를 향상시킨다.
본 발명에서 부가한 측면과 장점의 일부는 아래의 설명에서 나타내고, 일부는 아래의 설명에서 더 뚜렷해 지거나, 본 발명의 실천을 통해 알게 된다.
도1은 본 발명의 실시예에 따른 렌더링 방법의 흐름도이다.
도2는 본 발명의 일 실시예에 따른 페이지 요소와 렌더링 개체의 대응 관계도이다.
도3은 본 발명의 일 실시예에 따른 렌더링 개체 집합을 생성하는 흐름도이다.
도4는 본 발명의 일 예시에 따른 페이지 요소와 렌더링 개체의 대응 관계도이다.
도5는 본 발명의 일 실시예에 따른 렌더링 트리를 생성하는 흐름도이다.
도6은 본 발명의 일 예시에 따른 렌더링 트리의 개략도이다.
도7은 본 발명의 일 예시에 따른 복수의 렌더링 개체 서브 트리에 따라 렌더링 트리를 생성하는 흐름도이다.
도8은 본 발명의 실시예에 따른 렌더링 장치의 구조 개략도이다.
도9는 본 발명의 실시예에 따른 전자 기기의 구조 개략도이다.
도2는 본 발명의 일 실시예에 따른 페이지 요소와 렌더링 개체의 대응 관계도이다.
도3은 본 발명의 일 실시예에 따른 렌더링 개체 집합을 생성하는 흐름도이다.
도4는 본 발명의 일 예시에 따른 페이지 요소와 렌더링 개체의 대응 관계도이다.
도5는 본 발명의 일 실시예에 따른 렌더링 트리를 생성하는 흐름도이다.
도6은 본 발명의 일 예시에 따른 렌더링 트리의 개략도이다.
도7은 본 발명의 일 예시에 따른 복수의 렌더링 개체 서브 트리에 따라 렌더링 트리를 생성하는 흐름도이다.
도8은 본 발명의 실시예에 따른 렌더링 장치의 구조 개략도이다.
도9는 본 발명의 실시예에 따른 전자 기기의 구조 개략도이다.
아래는 본 발명의 실시예를 상세하게 설명하고, 상기 실시예의 예시는 도면에 나타나고, 여기서 시종 동일하거나 유사한 번호는 동일하거나 유사한 소자 또는 동일하거나 유사한 기능을 구비한 소자를 나타낸다. 도면을 참조하여 설명한 아래의 실시예는 예시적인 것일 뿐, 본 발명을 설명하기 위한 것이고, 본 발명을 한정하려는 것으로 이해해서는 안된다.
아래는 도면을 참조하여 본 발명 실시예의 렌더링 방법, 장치, 전자 기기 및 저장 매체를 설명한다.
도1은 본 발명의 실시예에 따른 렌더링 방법의 흐름도이고, 수행 주체는 전자 기기일 수 있다. 구체적으로, 전자 기기는 컴퓨터, 모바일 단말일 수 있으나 이에 한정되지 않고, 모바일 단말은 개인용 컴퓨터, 스마트 폰, IPAD 등일 수 있으나 이게 한정되지 않는다.
도1에 도시한 바와 같이, 당해 렌더링 방법은 단계S101 내지 S106을 포함한다.
S101에서, 처리할 페이지의 데이터를 획득한다.
본 발명의 실시예는, 렌더링할 페이지를 처리할 페이지라고 할 수 있고, 당해 페이지는 웹 사이트를 브라우징하는 브라우징 페이지일 수 있고, 사용자가 처리하고 있거나, 이미 처리된 텍스트 페이지 또는 단말의 응용 프로그램 페이지 등일 수 있고, 페이지의 유형은 한정하지 않는다.
구체적으로, 처리할 페이지를 렌더링해야 할 경우, 렌더링 요청을 송신하여, 전자 기기가 렌더링 요청에 따라 처리할 페이지의 데이터를 획득하게 한다. 예를 들면, 텍스트 데이터, 이미지 데이터, 도표 데이터, 비디오 데이터 등이 있다. 여기서, 렌더링 요청은 사용자가 리모컨, 버튼, 마우스, 터치 등 동작 방식을 통해 송신하는 것일 수 있고, 전자 기기가 사용자의 수요에 따라 자동적으로 송신한 것일 수도 있다. 즉, 사용자가 페이지에 대해 렌더링 수요가 있음을 모디터링했을 경우 렌더링 요청을 송신하는 것이다.
설명해야 할 것은, 처리할 페이지의 데이터는 적어도 한가지일 수 있다. 예를 들면, 텍스트 데이터뿐일 수 있고, 텍스트 데이터와 이미지 데이터일 수 있고, 텍스트 데이터, 이미지 데이터 및 비디오 데이터일 수도 있고, 구체적인 데이터 유형에 대해, 본 발명의 실시예는 한정하지 않는다.
S102에서, 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출한다.
이해해야 할 것은, 페이지 요소는 페이지를 구성하는 기본 요소일 수 있다. 예를 들면, 문자, 이미지, 도표, 하이퍼 링크 등일 수 있다.
구체적으로, 처리할 페이지의 데이터를 획득한 후, 데이터에 대해 해석 처리를 하여, 데이터에서 복수의 페이지 요소를 추출한다.
예를 들면, 페이지의 데이터가 텍스트 데이터 및 이미지 데이터일 경우, 도표 데이터에서 복수의 문자 또는 텍스트를 추출할 수 있고, 이미지 데이터에서 복수의 문자 또는 이미지를 추출할 수 있음으로, 처리할 페이지의 복수의 페이지 요소를 획득한다.
S103에서, 각 페이지 요소의 콘텐츠 및 복수의 속성을 각각 획득한다.
여기서, 페이지 요소의 콘텐츠는 페이지 요소에 포함된 시각적으로 볼 수 있는 콘텐츠를 가리킬 수 있고, 문자에 포함된 콘텐츠일 수도 있다. 예를 들면 "가지각색의 꽃이 온 화원에 피었다"일 수 있고, 이미지에 포함된 콘텐츠일 수도 있다. 예를 들면, 이미지 중의 동물, 나무, 꽃 등일 수 있다.
여기서, 페이지 요소의 속성은 효과 속성, 배경 속성, 색채 속성 등을 포함하나 이에 한정되지 않고, 부동한 페이지 요소는 부동한 속성을 포함할 수 있다. 예를 들면, 페이지 요소가 텍스트일 경우, 폰트 크기, 색채, 배경색, 언더라인 등 속성을 포함하나 이에 한정되지 않는다.
본 발명의 실시예는, 페이지 요소와 대응하는 복수의 속성의 속성 베이스 또는 속성 테이블을 미리 설정할 수 있다. 즉, 당해 속성 베이스 또는 속성 테이블은 임의 페이지 요소 및 해당 복수의 속성을 포함할 수 있다.
구체적으로, 복수의 페이지 요소를 획득한 후, 자연어 처리 기술을 통해 페이지 요소의 콘텐츠를 결정할 수 있고, 동시에, 미리 설정된 속성 베이스 또는 속성 테이블을 조회하여, 페이지 요소에 대응하는 복수의 속성을 획득할 수 있다.
설명해야 할 것은, 당해 단계 S103에서 페이지 요소의 콘텐츠 및 속성을 획득하는 방식은 관련 기술 중의 기타 방식일 수 있고, 단계 S103을 구현할 수만 있으면 되고, 본 발명의 실시예는 이에 대해 한정하지 않는다.
S104에서, 각 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 페이지 요소에 대응하는 렌더링 개체 집합을 생성한다. 여기서, 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함한다.
본 발명의 실시예에서, 하나의 페이지 요소의 각 속성은 하나의 렌더링 개체에 대응한다. 예를 들면, 하나의 텍스트 속성, 하나의 버튼 속성 또는 하나의 테이블 속성이 있다. 나아가, 하나의 페이지의 복수의 속성은 해당 복수의 렌더링 개체(렌더링 개체 집합을 구성함)에 대응하고, 복수의 페이지 요소는 복수의 렌더링 개체 집합에 대응한다.
설명해야 할 것은, 페이지 요소를 렌더링하는 최종 목적은 페이지 요소에 대응하는 콘텐츠가 렌더링 효과의 방식으로 페이지에 디스플레이하게 하는 것이다. 예를 들면, 페이지의 콘텐츠(이미지)를 "플라이인"의 방식으로 페이지에 디스플레이한다. 따라서 렌더링은 페이지 요소의 구체적인 콘텐츠를 결합해야 하고, 이를 기반으로, 본 발명 실시예는 페이지 요소의 콘텐츠와 페이지 요소에 대응하는 복수의 속성을 결합하여, 복수의 속성에 대응하는 복수의 렌더링 개체를 생성하고, 당해 복수의 렌더링 개체는 하나의 페이지 요소의 렌더링 개체 집합을 구성한다.
S105에서, 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성한다.
본 발명의 실시예는, 복수의 렌더링 개체 집합에 포함된 복수의 렌더링 개체에 따라 렌더링 트리를 생성할 수 있다.
S106에서, 렌더링 트리에 따라 렌더링을 한다.
예를 들면, 도2에 도시한 바와 같이, 처리할 페이지에 3개의 페이지 요소Y1, Y2, Y3을 포함할 경우, 여기서 Y1은 5개의 속성(도2의 속성1은 첫 번째 속성을 나타냄)에 대응하고, Y2는 4개의 속성에 대응하고, Y3은 3개의 속성에 대응하면, Y1에 대응하여 5개의 렌더링 개체를 포함하는 렌더링 집합(J1)(도2의 렌더링 개체(1)은 첫 번째 렌더링 개체를 나타냄)을 생성하고, Y2에 대응하여 4개의 렌더링 개체를 포함하는 렌더링 집합(J2)을 생성하고, Y3에 대응하여 3개의 렌더링 개체를 포함하는 렌더링 집합(J3)을 생성한다. 나아가 3개의 페이지 요소 Y1, Y2, Y3은 각각 3개의 렌더링 개체 집합J1, J2, J3(당해 3개의 렌더링 개체 집합은 12개의 렌더링 개체를 포함함)에 대응된다. 그리고, 3개의 렌더링 개체 집합J1, J2, J3에 포함된 12개의 렌더링 개체에 따라 렌더링 트리를 생성하고, 렌더링 트리에 따라 당해 12개의 렌더링 개체를 렌더링하여, 페이지 요소에 대한 렌더링을 구현한다.
즉, 각 페이지 요소에 복수의 렌더링 개체를 구축하는 것은, 하나의 다 기능적인 렌더링 개체를 구축하는 것에 대비해, 페이지 요소의 렌더링 개체의 구축 속도를 향상시키고, 페이지 요소에 대한 렌더링은, 페이지 요소에 대응하는 복수의 렌더링 개체에 따라 동시에 렌더링을 할 수 있음으로, 페이지 요소의 렌더링 속도를 향상시키고, 프레임 드롭의 가능성을 감소한다.
본 발명 실시예의 렌더링 방법은, 각 페이지 요소를 위해 다 기능적인 렌더링 개체를 구축할 필요 없이, 당해 페이지 요소의 복수의 속성에 따라 복수의 해당 렌더링 개체만 구축하면 된다. 당해 실시예에서, 각 렌더링 개체는 하나의 속성을 처리할 수 있으므로, 당해 페이지 요소에 몇 개의 속성이 구비하면, 몇 개의 렌더링 개체를 구축하면 된다. 따라서, 렌더링 개체의 구축 속도를 향상시킬 수 있음으로, 페이지의 렌더링 속도를 향상시키고, 프레임 드롭의 가능성을 감소한다.
본 발명의 일 실시예에서, 도3에 도시한 바와 같이, 상기 단계S104는 단계S301 및 단계S302를 포함한다.
S301에서, 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 콘텐츠 렌더링 개체를 렌더링 개체 집합에 추가한다.
S302에서, 페이지 요소의 복수의 속성에 따라 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 페이지 요소의 복수의 속성 렌더링 개체를 렌더링 개체 집합에 추가한다.
본 발명의 실시예에서, 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함한다. 여기서, 디스플레이 효과 처리 렌더링 개체는 페이지 요소의 디스플레이 효과의 렌더링에 사용될 수 있다. 예를 들면, 디스플레이 효과가 불꽃 디스플레이일 수 있고; 동작 처리 렌더링 개체는 페이지 요소의 동작 처리의 렌더링에 사용될 수 있고, 애니메이션 처리 렌더링 개체는 페이지 요소의 애니메이션의 렌더링에 사용될 수 있으며, 레이아웃 렌더링 개체는 페이지 요소의 레이아웃 렌더링에 사용된다.
구체적으로, 본 발명의 실시예는, 빈 렌더링 개체 집합을 미리 설정하고, 페이지 요소의 콘텐츠와 복수의 속성을 획득한 후, 각 페이지 요소의 콘텐츠에 따라 하나의 콘텐츠 렌더링 개체를 생성하고, 콘텐츠 렌더링 개체를 렌더링 개체 집합에 추가하고, 각 페이지 요소의 각 속성에 따라 하나의 속성 렌더링 개체를 생성함으로, 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 페이지 요소의 복수의 속성 렌더링 개체를 렌더링 개체 집합에 추가함으로, 렌더링 개체 집합을 획득한다.
예를 들면, 도4에 도시한 바와 같이, 3개의 페이지 요소 Y1, Y2, Y3의 콘텐츠가 각각 N1, N2, N3일 경우, 여기서, Y1은 5개의 속성에 대응하고, Y2는 4개의 속성에 대응하고, Y3은 3개의 속성에 대응한다. 그러면, 콘텐츠(N1)에 대응하여 하나의 콘텐츠 렌더링 개체(d1)를 생성할 수 있고, 콘텐츠(N2)에 대응하여 하나의 콘텐츠 렌더링 개체(d2)를 생성할 수 있고, 콘텐츠(N3)에 대응하여 하나의 콘텐츠 렌더링 개체(d3)를 생성할 수 있으며, 12개의 속성에 대응하여 각각 속성 렌더링 개체s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11 및 s12를 생성하고, 콘텐츠 렌더링 개체 및 속성 렌더링 개체를 모두 렌더링 개체 집합에 추가함으로, 렌더링 개체 집합｛d1,d2,d3,s1,s2,s3,s4,s5,s6,s7,s8,s9,s10,s11,s12｝을 형성한다.
이를 통해, 페이지 요소에 각각 대응하는 콘텐츠 및 속성에 대해 렌더링 개체의 생성을 하여, 렌더링 개체의 구축 속도를 향상시켰을 뿐만 아니라, 모든 가능한 렌더링 효과의 렌더링 효과를 커버하도록 보장하였고, 렌더링 개체를 풍부히 한다.
상기 단계S301 및 S302를 수행한 후, 상기 단계S105를 수행할 수 있다. 본 발명의 실시예에서, 상기 단계S105의 렌더링 트리의 생성은, 페이지 요소의 속성 등급 및/또는 콘텐츠 등급에 따라 생성되거나, 페이지 요소의 등급에 따라 생성될 수도 있다. 이를 통해, 하기의 실시예에 대해 설명한다.
본 발명의 일 실시예에서, 도5에 도시한 바와 같이, 상기 단계S105는 단계S501 내지 S504를 포함한다.
S501에서, 복수의 속성과 콘텐츠 렌더링 개체에 대응하는 등급을 획득한다.
본 발명의 실시예에서, 각 페이지 요소의 복수의 속성은 각각 하나의 등급에 대응하고, 속성에 대응하는 등급은 속성의 중요성을 표징하고, 당해 중요성은 속성의 렌더링 순서에 대응할 수 있다. 각 페이지 요소에 대응하는 콘텐츠 렌더링 개체는 하나의 등급에 대응하고, 콘텐츠 렌더링 개체에 대응하는 등급은 페이지 요소의 렌더링 순서를 표징한다.
구체적으로, 임의 속성 및 해당 등급을 포함하는 속성 등급 베이스 또는 속성 등급 테이블을 미리 설정하여, 각 페이지 요소에 대응하는 복수의 속성을 획득한 후, 속성 등급 베이스 또는 속성 등급 테이블을 조회하여, 복수의 속성에 대응하는 등급을 획득할 수 있고; 임의 콘텐츠 렌더링 개체에 대응하는 등급을 포함하는 콘텐츠 등급 베이스를 미리 설정하여, 복수의 페이지 요소에 대응하는 복수의 콘텐츠 렌더링 개체를 획득한 후, 콘텐츠 등급 베이스를 조회하여 복수의 콘텐츠 렌더링 개체에 대응하는 등급을 획득할 수 있다.
이외에, 복수의 속성 및 콘텐츠 렌더링 개체가 각각 대응하는 등급은, 사용자 실제 수요에 따라 설정한 것일 수도 있다. 즉, 복수의 속성 및 콘텐츠 렌더링 개체를 결정한 후, 사용자의 수요에 따라 복수의 속성의 등급 및 복수의 콘텐츠 렌더링 개체의 등급을 설정한다.
S502에서, 복수의 속성에 대응하는 등급 및 콘텐츠 렌더링 개체의 등급에 따라, 페이지 요소에 대응하는 렌더링 개체 집합의 복수의 렌더링 개체를 정렬한다.
구체적으로, 복수의 콘텐츠 렌더링 개체의 등급에 따라, 렌더링 개체 집합의 복수의 콘텐츠 렌더링 개체를 정렬하고, 각 페이지 요소에 대응하는 복수의 속성에 대응하는 등급에 따라, 각 렌더링 개체 집합의 복수의 속성 콘텐츠 렌더링 개체를 정렬한다. 정렬할 경우, 순서 정렬을 할 수 있고, 등급이 높을수록, 렌더링 순서는 앞에 있음으로, 정렬이 앞에 있고; 반대로, 등급이 낮을수록, 렌더링 순서는 뒤에 있음으로, 정렬은 뒤로 간다.
S503에서, 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성한다.
각 페이지 요소에 대응하는 렌더링 개체 집합의 복수의 렌더링 개체를 정렬한 후, 정렬 후의 복수의 렌더링 개체를 획득할 수 있고, 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성함으로, 복수의 렌더링 개체 서브 트리를 생성한다.
S504에서, 복수의 렌더링 개체 집합에 대응하는 복수의 렌더링 개체 서브 트리에 따라 렌더링 트리를 생성한다.
예를 들면, 페이지가 2개의 콘텐츠 렌더링 개체 A1, A2에 대응하고, 2개의 페이지 요소가 모두 3개의 속성 b1, b2, b3에 대응할 경우, 대응하는 속성 렌더링 개체는 B1, B2, B3이고, A1, A2의 등급은, A1이 A2보다 높고, b1, b2, b3에 대응하는 등급은 높은 곳으로부터 낮은데 까지의 순서대로 b2->b1->b3이다. 이를 통해, 렌더링의 선후 순서에 따라 복수의 렌더링 개체에 대해 순서 정렬할 수 있고, 정렬 후의 복수의 렌더링 개체에 따라 도6에 도시한 바와 같은 렌더링 트리를 생성하여, 렌더링 트리에 따라 페이지를 렌더링한다.
본 발명의 일 예시에서, 도7에 도시한 바와 같이, 상기 단계S504는 단계S701 내지 S703을 포함한다.
S701에서, 각 페이지 요소의 등급을 획득한다.
본 발명의 실시예는, 각 페이지 요소에 대해 레이어 처리를 한다. 즉, 각 페이지 요소는 복수의 등급을 포함한다. 예를 들면, 페이지 요소 텍스트는 위로 부터 아래로, 배경색, 장면색, 터치 동작 사항 처리 레이어, 투명도 처리 레이어, 프레스 효과 레이어, 쉐도우 레이어, 페이지 레이아웃 레이어(padding(내부 여백), margin(외부 여백) 및 border(가장자리))를 포함한다.
페이지 요소를 획득한 후, 대응하는 속성이 페이지의 어느 등급에 있는지 결정할 수 있다.
이해해야 할 것은, 상기 페이지의 레이어 실시예는 예시적인 것일 뿐, 본 발명에 대한 한정을 구성하지 않고, 실제로 구현할 경우, 수요에 따라 페이지 요소에 대해 임의 형식의 등급 분할을 할 수 있고, 여기서 더는 설명하지 않는다.
S702에서, 각 페이지 요소의 등급에 따라 각 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성한다.
각 페이지 요소의 등급을 당해 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급으로 결정함으로, 복수의 렌더링 개체 서브 트리에 각각 대응하는 등급을 획득한다.
S703에서, 복수의 렌더링 개체 서브 트리를 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 렌더링 트리를 생성한다. 결합할 경우, 위로부터 아래까지의 등급 순서대로 결합할 수 있다.
예를 들면, 페이지 요소W1, W2, W3의 등급이 각각 제1 등급, 제2 등급, 제3 등급일 경우, W1에 대응하는 렌더링 개체 서브 트리(U1)의 등급은 제1 등급이고, W2에 대응하는 렌더링 개체 서브 트리(U2)의 등급은 제2 등급이고, W3에 대응하는 렌더링 개체 서브 트리(U3)의 등급은 제3 등급임으로, U1, U2, U3을 제1 , 제2 , 제3 등급에 따라 결합한다. 즉, U1 , U2, U3를 순서대로 결합하고, 결합하면, 렌더링 트리가 획득된다.
이를 통해, 속성 등급 및 콘텐츠 렌더링 개체의 렌더링 개체 서브 트리에 따르고, 복수의 페이지 요소를 기반으로 하는 등급은 렌더링 개체 서브 트리에 따라 렌더링 트리의 생성을 구현하고, 렌더링 트리의 믿음성을 향상시킴으로, 렌더링의 믿음성을 보장한다.
설명해야 할 것은, 사용자는 페이지의 페이지 요소를 편집할 수 있다. 예를 들면, 추가, 삭제, 페이지 요소 보정 등이 있다. 이는 페이지의 페이지 요소를 업데이트한다. 본 발명의 실시예에서, 렌더링이 페이지 요소의 업데이트를 사용하도록, 하기의 실시예를 제공한다.
본 발명의 일 실시예에서, 렌더링 방법은, 처리할 페이지의 페이지 요소가 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는 단계; 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는 단계; 업데이트속성에 대응하는 렌더링 개체를 획득하고, 해당 렌더링 개체 서브 트리를 업데이트하는 단계; 를 더 포함한다.
구체적으로, 처리할 페이지에 대해 실시간 모니터링하여, 페이지의 페이지 요소가 업데이트되었는지 여부를 모니터링하는데 사용된다. 예를 들면 추가, 삭제, 보정 등이 있고, 페이지 요소가 업데이트된 것을 모니터링했을 경우, 이미 획득하고 업데이트된 페이지 요소의 업데이트 속성이 어떤 속성에 속하는지 결정한다. 예를 들면, 추가 속성, 삭제 속성인지 보정 속성인지 결정하고, 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하고; 업데이트 속성에 대응하는 렌더링 개체를 획득하며, 해당 렌더링 개체 서브 트리를 업데이트한다.
즉, 어느 하나의 페이지 요소가 추가될 경우, 당해 페이지 요소에 대해 본 발명 실시예의 렌더링 방법으로 하나의 새로운 렌더링 개체 서브 트리를 생성하고; 어느 한 페이지 요소가 삭제될 경우, 당해 페이지 요소에 대응하는 렌더링 개체 서브 트리를 삭제할 수 있고; 어느 한 페이지 요소가 보정될 경우, 보정 후의 페이지 요소에 대해 본 발명 실시예의 렌더링 방법으로 하나의 새로운 렌더링 개체 서브 트리를 생성할 수 있고, 동시에, 보정 전의 페이지 요소에 대응하는 렌더링 개체 서브 트리를 삭제함으로, 렌더링 개체 서브 트리의 업데이트를 완성하고, 업데이트 후의 렌더링 개체 서브 트리에 따라 렌더링 트리를 업데이트하여, 업데이트 후의 렌더링 트리를 생성하고, 업데이트 후의 렌더링 트리에 따라 업데이트 후의 페이지에 대한 렌더링을 구현한다. 이를 통해, 페이지 요소가 변경될 경우, 렌더링 트리를 업데이트하여, 페이지 요소의 렌더링 개체에 대한 실시간 업데이트를 구현하고, 페이지 렌더링의 완전성 및 믿음성을 보장한다.
설명해야 할 것은, 관련 기술에서, 페이지 요소의 렌더링은 직렬된 것이므로, 페이지의 렌더링이 더 느려지고, 프레임 드롭의 가능성을 추가하고, 끊기는 상황을 초래하기 쉽다. 그러나, 본 발명의 실시예에서, 각 페이지 요소에 복수의 렌더링 개체를 구축하고, 당해 복수의 렌더링 개체는 하나의 렌더링 개체 집합을 구성한다. 즉, 복수의 페이지 요소는 각각 복수의 렌더링 개체 집합에 대응됨으로, 렌더링을 할 경우, 페이지에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하여, 렌더링 속도를 높이고, 프레임 드롭의 가능성을 감소하고, 끊기는 현상을 감소하거나 방지한다. 즉, 본 발명의 하나의 실시예에서, 렌더링 방법은, 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는 단계를 더 포함한다. 여기서, 각 페이지 요소는 하나의 렌더링 개체 집합에 대응한다.
구체적으로, 각 페이지 요소의 콘텐츠 및 복수의 속성에 따라 각 페이지 요소에 대응하는 렌더링 개체 집합을 생성한 후, 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하여, 페이지의 복수의 페이지 요소에 대한 병렬 렌더링을 구현하고, 관련 기술의 직렬 렌더링 방식에 대비해, 렌더링 속도를 높이고, 프레임 드롭의 가능성을 감소하고, 끊기는 현상을 감소하거나 방지한다.
예를 들면, 처리할 페이지에 3개의 페이지 요소Y1, Y2, Y3를 포함할 경우, 여기서 Y1은 5개의 속성에 대응하고, Y2는 3개의 속성에 대응하고, Y3은 3개의 속성에 대응한다. 이를 통해 Y1에 대응하여 5개의 렌더링 개체를 포함하는 렌더링 집합(J1)을 생성하고, Y2에 대응하여 4개의 렌더링 개체를 포함하는 렌더링 집합(J2)을 생성하고, Y3에 대응하여 3개의 렌더링 개체를 포함하는 렌더링 집합(J3)을 생성할 수 있음으로, 3개의 페이지 요소Y1, Y2, Y3는 각각 3개의 렌더링 개체 집합J1, J2, J3(당해 3개의 렌더링 개체 집합은 12개의 렌더링 개체를 포함함)에 대응한다. 그리고, 3개의 렌더링 개체 집합J1, J2, J3에 포함되는 12개의 렌더링 개체는 렌더링 트리를 생성함으로, 당해 12개의 렌더링 개체에 대해 병렬 렌더링을 하여, 페이지 요소Y1, Y2, Y3에 대한 병렬 렌더링을 구현한다.
이를 통해, 병렬 렌더링을 통해 렌더링을 구현하고, 렌더링 속도를 높이고, 프레임 드롭의 가능성을 감소하고, 끊기는 현상을 감소하거나 방지한다.
본 발명의 실시예는 렌더링 장치를 더 제공하고, 도8은 본 발명의 실시예에 따른 렌더링 장치의 구조 개략도이다.
도8에 도시한 바와 같이, 당해 렌더링 장치(100)는, 제1 획득 모듈(110), 제1 추출 모듈(120), 제2 획득 모듈(130), 제1 생성 모듈(140), 제2 생성 모듈(150) 및 제1 렌더링 모듈(160)을 포함한다.
여기서, 제1 획득 모듈(110)은, 처리할 페이지의 데이터를 획득하는데 사용되고; 제1 추출 모듈(120)은, 상기 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는데 사용되고; 제2 획득 모듈(130)은, 각 상기 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는데 사용되며; 제1 생성 모듈(140)은, 각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는데 사용되고, 상기 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함하고; 제2 생성 모듈(150)은, 상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는데 사용되고; 제1 렌더링 모듈(160)은, 상기 렌더링 트리에 따라 렌더링을 하는데 사용된다.
일 실시예에서, 제1 생성 모듈(140)은, 상기 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 상기 콘텐츠 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제1 생성 유닛; 상기 페이지 요소의 복수의 속성에 따라 상기 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 상기 페이지 요소의 복수의 속성 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제2 생성 유닛; 을 포함한다.
일 실시예에서, 제2 생성 모듈(150)은, 상기 복수의 속성과 상기 콘텐츠 렌더링 개체에 대응하는 등급을 획득하는데 사용되는 제1 획득 유닛; 상기 복수의 속성에 대응하는 등급 및 상기 콘텐츠 렌더링 개체의 등급에 따라, 상기 페이지 요소에 대응하는 상기 렌더링 개체 집합의 복수의 렌더링 개체를 정렬하는데 사용되는 제1 정렬 유닛; 상기 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 상기 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성하는데 사용되는 제3 생성 유닛; 및 상기 복수의 렌더링 개체 집합에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는데 사용되는 제4 생성 유닛; 을 포함한다.
일 실시예에서, 제4 생성 유닛은 구체적으로, 각 상기 페이지 요소의 등급을 획득하고; 각 상기 페이지 요소의 등급에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성하고; 상기 복수의 렌더링 개체 서브 트리를 상기 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 상기 렌더링 트리를 생성하는데 사용된다.
일 실시예에서, 렌더링 장치(100)는, 상기 처리할 페이지의 페이지 요소가 이미 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는데 사용되는 제3 획득 모듈; 상기 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는데 사용되는 제4 획득 모듈; 및 상기 업데이트 속성에 대응하는 렌더링 개체를 획득하고, 상기 대응되는 렌더링 개체 서브 트리를 업데이트하는데 사용되는 제5 획득 모듈; 을 더 포함한다.
일 실시예에서, 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함한다.
일 실시예에서, 렌더링 장치(100)는, 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는데 사용되는 제2 렌더링 모듈을 더 포함한다.
설명해야 할 것은, 당해 렌더링 장치의 구체적인 실시 방식은 상기 렌더링 방법의 구체적인 실시 방식을 참조하고, 반복을 방지하기 위해, 여기서 더는 상세하게 설명하지 않는다.
본 발명 실시예의 렌더링 장치는, 페이지 요소의 콘텐츠 및 속성에 따라 페이지를 렌더링하고, 각 페이지 요소를 위해 다 기능적인 렌더링 개체를 구축할 필요 없이, 당해 페이지 요소의 복수의 속성에 따라 복수의 해당 렌더링 개체만 구축하면 되고, 렌더링 개체의 구축 속도를 향상시킴으로, 페이지의 렌더링 속도를 향상시키고, 프레임 드롭의 가능성을 감소한다.
도9는 본 발명의 실시예에 따른 전자 기기의 구조 개략도이다.
도9에 도시한 바와 같이, 당해 전자 기기(200)는, 메모리(210), 프로세서(220), 및 부동한 컴포넌트(메모리(210) 및 프로세서(220)를 포함함)를 연결하는 버스(230)를 포함한다.
여기서, 메모리(210)는 프로세서(220)의 수행 가능한 명령을 저장하는데 사용되고; 프로세서(201)는 메모리(202)가 저장한 수행 가능한 명령을 호출하고 수행하도록 구성되어, 본 발명의 실시예에서 제공하는 렌더링 방법을 구현한다.
버스(230)는 몇 가지 버스 구조 중의 한가지 또는 여러 가지를 나타내고, 메모리 버스 또는 메모리 제어기, 주변 장치 버스, 가속 그래픽 포트, 프로세서 또는 복수의 버스 구조 중 임의 버스 구조를 사용하는 지역 버스를 포함한다. 예를 들면, 당해 구조는 업계 표준 구조(ISA) 버스, 마이크로 채널 구조(MAC) 버스, 증강형 ISA 버스, 비디오 전자 공학 협회(VESA) 지역 버스 및 주변 장치 연결(PCI) 버스를 포함하나 이에 한정되지 않는다.
전자 기기(200)는 전형적으로 복수의 전자 기기 판독 가능 매체를 포함한다. 당해 매체는 전자 기기(200)에 의해 액세스될 수 있는 임의 사용 가능한 매체이고, 휘발성 및 비휘발성 매체, 이동 가능 및 이동 불가능 매체를 포함한다.
메모리(210)는 휘발성 메모리 형식의 컴퓨터 시스템 판독 가능 매체를 더 포함할 수 있다. 예를 들면, 랜덤 액세스 메모리(RAM)(240) 및/또는 캐시(250)를 포함한다. 전자 기기(200)는 기타 이동 가능/이동 불가능하고, 휘발성/비휘발성 컴퓨터 시스템 저장 매체를 더 포함할 수 있다. 단지 예시로서, 저장 시스템(260)은 이동 불가능하고, 비휘발성 자기 매체(도9는 디스플레이하지 않음, 통상적으로 "하드 드라이버"라고 함)를 판독하는데 사용될 수 있다. 도7에서 당해 내용을 나타내지 않았으나, 이동 가능한 비휘발성 자기 디스크(예를 들면"플로피 디스크")를 판독하는데 사용되는 디스크 드라이버, 또는 이동 가능한 비휘발성 광 디스크(예를 들면CD-ROM, DVD-ROM 또는 기타 광 매체)를 판독하는데 사용되는 광 디스크 드라이버를 제공할 수 있다. 당해 상황에서, 각 드라이버는 하나 또는 복수의 데이터 매체 인터페이스를 통해 버스(230)와 연결한다. 메모리(210)는 적어도 하나의 프로그램 제품을 포함하고, 당해 프로그램 제품은 1세트(예를 들면 적어도 하나)의 프로그램 모듈을 구비하고, 당해 프로그램 모듈은 본 발명 각 실시예의 기능을 수행하도록 구성된다.
1세트(적어도 하나) 프로그램 모듈(270)의 프로그램/유틸리티(280)를 구비하고, 메모리(210)와 같은 데에 저장될 수 있고, 당해 프로그램 모듈(270)은 동작 시스템, 하나 또는 복수의 응용 프로그램, 기타 프로그램 모듈 및 프로그램 데이터를 포함하나 이에 한정되지 않고, 당해 예시 중의 각 그룹 또는 어느 한 그룹은 네트워크 환경의 구현을 포함할 수 있다. 프로그램 모듈(270)은 통상적으로 본 발명에서 설명한 실시예의 기능 및/또는 방법을 수행한다.
전자 기기(200)는 하나 또는 복수의 주변 기기(290)(예를 들면 키보드, 포인팅 기기, 모니터(291) 등)와 통신할 수 있고, 사용자가 당해 전자 기기(200)와 인터렉션하게 하는 하나 또는 복수의 기기와 통신할 수 있고, 및/또는 당해 전자 기기(200)가 하나 또는 복수의 기타 계산 기기와 통신하게 하는 임의 기기(예를 들면 랜 카드, 모뎀 등)와 통신할 수도 있다. 당해 통신은 입력/출력(I/O) 인터페이스(292)를 통해 진행할 수 있고, 전자 기기(200)는 네트워크 어댑터(293)를 통해 하나 또는 복수의 네트워크(예를 들면 근거리 통신망(LAN), 광역 통신망(WAN) 및/또는 공중망, 예를 들면 인터넷)와 통신할 수 있다. 도면에 도시한 바와 같이, 네트워크 어댑터(293)는 버스(230)를 통해 전자 기기(200)의 기타 모듈과 통신한다. 알아야할 것은, 도면에 도시되지 않았으나, 전자 기기(200)와 결합하여 기타 하드웨어 및/또는 소프트웨어 모듈을 사용할 수 있고, 마이크로 코드, 장치 구동기, 중복 처리 장치, 주변 디스크 드라이브 어레이, RAID시스템, 테이프 구동 장치 및 데이터 백업 저장 시스템 등을 포함하나 이에 한정되지 않는다.
프로세서(220)는 메모리(210)에 저장되어 있는 프로그램을, 각 기능의 응용 및 데이터 처리를 수행한다.
설명해야 할 것은, 본 발명 실시예의 전자 기기의 실시 과정은 본 발명 실시예의 렌더링 방법에 대한 해석 설명을 참조하고, 여기서 더는 설명하지 않는다.
본 발명 실시예의 전자 기기는, 페이지 요소의 콘텐츠 및 속성에 따라 페이지를 렌더링하고, 각 페이지 요소를 위해 다 기능적인 렌더링 개체를 구축할 필요 없이, 당해 페이지 요소의 복수의 속성에 따라 복수의 해당 렌더링 개체만 구축하면 되고, 렌더링 개체의 구축 속도를 향상시킴으로, 페이지의 렌더링 속도를 향상시키고, 프레임 드롭의 가능성을 감소한다.
상기 실시예를 구현하기 위해, 본 발명 실시예는 비일시적 컴퓨터 판독 가능 저장 매체를 더 제공하고, 당해 저장 매체 중의 명령이 전자 기기의 프로세서에 의해 수행될 경우, 전자 기기는 상기 렌더링 방법을 수행하게 된다.
상기 실시예를 구현하기 위해, 본 발명 실시예는 컴퓨터 프로그램 제품을 더 제공한다, 당해 컴퓨터 프로그램이 전자 기기의 프로세서에 의해 수행될 경우, 전자 기기는 상기 렌더링 방법을 수행하게 된다.
당업자는 명세서를 감안하고 개시된 발명을 실천한 후, 본 발명의 기타 실시 수단을 쉽게 생각해 낼 수 있다. 본 발명은 본 발명의 임의 변형, 용도 또는 적응성 변화를 포괄하려 하고, 당해 변형, 용도 또는 적응성 변화는 본 발명의 통상적인 원리를 따르고 본 발명에서 개시하지 않은 본 기술 분야의 공지 상식 또는 관용 기술 수단을 포함한다. 명세서 및 실시예는 예시적인 것이다.
이해해야 할 것은, 본 발명은 상기 설명하고 도면에 도시된 정밀한 구조에 한정되지 않고, 당해 범위를 벗어나지 않는 전제에서 다양한 보정 및 개변을 할 수 있다.
110: 제1 획득 모듈
120: 제1 추출 모듈
130: 제2 획득 모듈 140: 제1 생성 모듈
150: 제2 생성 모듈 160: 제1 렌더링 모듈
130: 제2 획득 모듈 140: 제1 생성 모듈
150: 제2 생성 모듈 160: 제1 렌더링 모듈
Claims (16)
- 렌더링 방법에 있어서,
처리할 페이지의 데이터를 획득하는 단계;
상기 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는 단계;
각 상기 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는 단계;
각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는 단계 - 상기 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함함 - ;
상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는 단계; 및
상기 렌더링 트리에 따라 렌더링을 하는 단계; 를 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제1항에 있어서,
각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는 단계는,
상기 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 상기 콘텐츠 렌더링 개체를 상기 렌더링 개체 집합에 추가하는 단계; 및
상기 페이지 요소의 복수의 속성에 따라 상기 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 상기 페이지 요소의 복수의 속성 렌더링 개체를 상기 렌더링 개체 집합에 추가하는 단계; 를 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제2항에 있어서,
상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는 단계는,
상기 복수의 속성과 상기 콘텐츠 렌더링 개체의 각각에 대응하는 등급을 획득하는 단계;
상기 복수의 속성에 대응하는 등급 및 상기 콘텐츠 렌더링 개체의 등급에 따라, 상기 페이지 요소에 대응하는 상기 렌더링 개체 집합의 복수의 렌더링 개체를 정렬하는 단계;
상기 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 상기 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성하는 단계; 및
상기 복수의 렌더링 개체 집합의 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는 단계; 를 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제3항에 있어서,
상기 복수의 렌더링 개체 집합 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는 단계는,
각 상기 페이지 요소의 등급을 획득하는 단계;
각 상기 페이지 요소의 등급에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성하는 단계; 및
상기 복수의 렌더링 개체 서브 트리를 상기 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 상기 렌더링 트리를 생성하는 단계; 를 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제3항에 있어서,
상기 처리할 페이지의 페이지 요소가 이미 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는 단계;
상기 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는 단계; 및
상기 업데이트 속성에 대응하는 렌더링 개체를 획득하고, 상기 대응되는 렌더링 개체 서브 트리를 업데이트하는 단계; 를 더 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제2항에 있어서,
상기 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함하는,
것을 특징으로 하는 렌더링 방법.
- 제1항에 있어서,
상기 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는 단계를 더 포함하는,
것을 특징으로 하는 렌더링 방법.
- 렌더링 장치에 있어서,
처리할 페이지의 데이터를 획득하는데 사용되는 제1 획득 모듈;
상기 처리할 페이지의 데이터에서 복수의 페이지 요소를 추출하는데 사용되는 제1 추출 모듈;
각 상기 페이지 요소의 콘텐츠와 복수의 속성을 각각 획득하는데 사용되는 제2 획득 모듈;
각 상기 페이지 요소의 콘텐츠와 복수의 속성에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 집합을 생성하는데 사용되는 제1 생성 모듈 - 상기 각 렌더링 개체 집합은 복수의 렌더링 개체를 포함함 - ;
상기 복수의 페이지 요소에 대응하는 상기 복수의 렌더링 개체 집합에 따라 렌더링 트리를 생성하는데 사용되는 제2 생성 모듈; 및
상기 렌더링 트리에 따라 렌더링을 하는데 사용되는 제1 렌더링 모듈; 을 포함하는,
것을 특징으로 하는 렌더링 장치.
- 제8항에 있어서,
상기 제1 생성 모듈은,
상기 페이지 요소의 콘텐츠에 따라 콘텐츠 렌더링 개체를 생성하고, 상기 콘텐츠 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제1 생성 유닛; 및
상기 페이지 요소의 복수의 속성에 따라 상기 페이지 요소의 복수의 속성 렌더링 개체를 생성하고, 상기 페이지 요소의 복수의 속성 렌더링 개체를 상기 렌더링 개체 집합에 추가하는데 사용되는 제2 생성 유닛; 을 포함하는,
것을 특징으로 하는 렌더링 장치.
- 제9항에 있어서,
상기 제2 생성 모듈은,
상기 복수의 속성과 상기 콘텐츠 렌더링 개체의 각각에 대응하는 등급을 획득하는데 사용되는 제1 획득 유닛;
상기 복수의 속성에 대응하는 등급 및 상기 콘텐츠 렌더링 개체의 등급에 따라, 상기 페이지 요소에 대응하는 상기 렌더링 개체 집합의 복수의 렌더링 개체를 정렬하는데 사용되는 제1 정렬 유닛;
상기 각 렌더링 개체 집합의 정렬 후의 복수의 렌더링 개체에 따라, 상기 각 렌더링 개체 집합에 대응하는 렌더링 개체 서브 트리를 생성하는데 사용되는 제3 생성 유닛; 및
상기 복수의 렌더링 개체 집합의 각각에 대응하는 복수의 렌더링 개체 서브 트리에 따라 상기 렌더링 트리를 생성하는데 사용되는 제4 생성 유닛; 을 포함하는,
것을 특징으로 하는 렌더링 장치.
- 제10항에 있어서,
상기 제4 생성 유닛은,
각 상기 페이지 요소의 등급을 획득하고;
각 상기 페이지 요소의 등급에 따라 각 상기 페이지 요소에 대응하는 렌더링 개체 서브 트리의 등급을 생성하며;
상기 복수의 렌더링 개체 서브 트리를 상기 각 렌더링 개체 서브 트리에 대응하는 등급에 따라 결합하여, 상기 렌더링 트리를 생성하는데 사용되는,
것을 특징으로 하는 렌더링 장치.
- 제10항에 있어서,
상기 처리할 페이지의 페이지 요소가 이미 업데이트되었을 경우, 업데이트된 페이지 요소의 업데이트 속성을 획득하는데 사용되는 제3 획득 모듈;
상기 업데이트된 페이지 요소에 대응하는 렌더링 개체 서브 트리를 획득하는데 사용되는 제4 획득 모듈; 및
상기 업데이트 속성에 대응하는 렌더링 개체를 획득하고, 상기 대응되는 렌더링 개체 서브 트리를 업데이트하는데 사용되는 제5 획득 모듈; 을 더 포함하는,
것을 특징으로 하는 렌더링 장치.
- 제9항에 있어서,
상기 복수의 속성 렌더링 개체는, 디스플레이 효과 처리 렌더링 개체, 동작 처리 렌더링 개체, 애니메이션 처리 렌더링 개체, 레이아웃 렌더링 개체 중의 복수 개를 포함하는,
것을 특징으로 하는 렌더링 장치.
- 제8항에 있어서,
상기 복수의 페이지 요소에 대응하는 복수의 렌더링 개체 집합에 대해 병렬 렌더링하는데 사용되는 제2 렌더링 모듈을 더 포함하는,
것을 특징으로 하는 렌더링 장치.
- 전자 기기에 있어서,
프로세서; 및
상기 프로세서의 수행 가능한 명령을 저장하기 위한 메모리; 를 포함하고,
상기 프로세서가 상기 메모리에 의해 저장된 수행 가능한 명령을 수행할 경우, 제1항 내지 제7항 중 어느 한 항의 렌더링 방법이 구현되는,
것을 특징으로 하는 전자 기기.
- 컴퓨터 프로그램이 저장된 비일시적 컴퓨터 판독 가능 저장 매체에 있어서,
상기 컴퓨터 프로그램의 명령이 실행될 경우, 제1항 내지 제7항 중 어느 한 항의 렌더링 방법이 구현되는,
것을 특징으로 하는 컴퓨터 프로그램이 저장된 비일시적 컴퓨터 판독 가능 저장 매체.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110093187.4A CN112417345B (zh) | 2021-01-25 | 2021-01-25 | 渲染方法、装置、电子设备及存储介质 |
| CN202110093187.4 | 2021-01-25 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20220107902A true KR20220107902A (ko) | 2022-08-02 |
Family
ID=74782476
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020210094587A KR20220107902A (ko) | 2021-01-25 | 2021-07-20 | 렌더링 방법, 장치, 전자 기기 및 저장 매체 |
Country Status (5)
| Country | Link |
|---|---|
| US (1) | US11604849B2 (ko) |
| EP (1) | EP4033378A1 (ko) |
| JP (1) | JP7344256B2 (ko) |
| KR (1) | KR20220107902A (ko) |
| CN (1) | CN112417345B (ko) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114924815B (zh) * | 2022-03-31 | 2024-07-02 | 北京达佳互联信息技术有限公司 | 页面渲染方法、装置、电子设备及存储介质 |
Family Cites Families (29)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7295221B2 (en) * | 1997-10-23 | 2007-11-13 | Canon Kabushiki Kaisha | Image processing apparatus and method, and computer-readable memory |
| US7383512B1 (en) * | 2000-09-29 | 2008-06-03 | Microsoft Corporation | Method for synchronously binding an external behavior to a web page element |
| US20060232589A1 (en) * | 2005-04-19 | 2006-10-19 | Microsoft Corporation | Uninterrupted execution of active animation sequences in orphaned rendering objects |
| US8400444B2 (en) * | 2005-12-08 | 2013-03-19 | Agency 9AB | Method to render a root-less scene graph with a user controlled order of rendering |
| WO2008005102A2 (en) * | 2006-05-13 | 2008-01-10 | Sap Ag | Consistent set of interfaces derived from a business object model |
| US20080263432A1 (en) * | 2007-04-20 | 2008-10-23 | Entriq Inc. | Context dependent page rendering apparatus, systems, and methods |
| US8294704B1 (en) | 2008-03-31 | 2012-10-23 | The Mathworks, Inc. | Parallel processing of object subtrees for multiprocessor systems |
| CN101860533A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术（深圳）有限公司 | 一种基于c/s架构浏览器的数据传输方法及服务器 |
| US20120110433A1 (en) * | 2010-10-28 | 2012-05-03 | Microsoft Corporation | Parallel web page processing |
| US20120110480A1 (en) * | 2010-10-31 | 2012-05-03 | Sap Portals Israel Ltd | Method and apparatus for rendering a web page |
| US8510237B2 (en) | 2011-03-15 | 2013-08-13 | Qualcomm Incorporated | Machine learning method to identify independent tasks for parallel layout in web browsers |
| CN102306174B (zh) * | 2011-08-24 | 2014-01-15 | 百度在线网络技术（北京）有限公司 | 一种基于网页元素与用户进行互动的方法与设备 |
| CN102663126B (zh) * | 2012-04-23 | 2014-11-12 | 北京奇虎科技有限公司 | 一种在移动终端中显示网页的方法及装置 |
| US20140053056A1 (en) * | 2012-08-16 | 2014-02-20 | Qualcomm Incorporated | Pre-processing of scripts in web browsers |
| CN102915375B (zh) * | 2012-11-08 | 2015-10-21 | 山东大学 | 一种基于布局分区的网页加载方法 |
| CN103678631B (zh) * | 2013-12-19 | 2016-10-05 | 华为技术有限公司 | 页面渲染方法及装置 |
| US9164874B1 (en) * | 2013-12-20 | 2015-10-20 | Amazon Technologies, Inc. | Testing conversion and rendering of digital content |
| US9813479B2 (en) * | 2014-06-05 | 2017-11-07 | Apple Inc. | Browser with video display history |
| CN105096368B (zh) * | 2015-04-30 | 2019-03-01 | 华为技术有限公司 | 三维对象处理方法和相关装置 |
| US9965451B2 (en) * | 2015-06-09 | 2018-05-08 | International Business Machines Corporation | Optimization for rendering web pages |
| US9984051B2 (en) * | 2016-02-25 | 2018-05-29 | Ca, Inc. | Hierarchical identifiers for HTML elements |
| US10445412B1 (en) * | 2016-09-21 | 2019-10-15 | Amazon Technologies, Inc. | Dynamic browsing displays |
| CN109890472A (zh) | 2016-11-14 | 2019-06-14 | 华为技术有限公司 | 一种图像渲染的方法、装置及vr设备 |
| US11431634B2 (en) * | 2017-05-24 | 2022-08-30 | Lenovo (Singapore) Pte. Ltd. | Client device and resource manager load sharing |
| US11063853B2 (en) * | 2017-05-25 | 2021-07-13 | Lenovo (Singapore) Pte. Ltd. | Method and device to transfer to a virtual browser session based on responsiveness |
| US20190371049A1 (en) * | 2018-05-31 | 2019-12-05 | Microsoft Technology Licensing, Llc | Transform-based shadowing of object sets |
| CN108984714B (zh) * | 2018-07-09 | 2020-11-27 | 北京三快在线科技有限公司 | 页面渲染方法、装置、电子设备及计算机可读介质 |
| US11200374B2 (en) * | 2019-09-19 | 2021-12-14 | Intuit Inc. | Methods to create and use responsive forms with externalized configurations and artifacts |
| US11137985B2 (en) * | 2020-01-31 | 2021-10-05 | Salesforce.Com, Inc. | User interface stencil automation |
-
2021
- 2021-01-25 CN CN202110093187.4A patent/CN112417345B/zh active Active
- 2021-07-20 KR KR1020210094587A patent/KR20220107902A/ko not_active Application Discontinuation
- 2021-07-23 US US17/383,835 patent/US11604849B2/en active Active
- 2021-07-27 JP JP2021122527A patent/JP7344256B2/ja active Active
- 2021-07-30 EP EP21188743.5A patent/EP4033378A1/en active Pending
Also Published As
| Publication number | Publication date |
|---|---|
| CN112417345A (zh) | 2021-02-26 |
| EP4033378A1 (en) | 2022-07-27 |
| JP2022113626A (ja) | 2022-08-04 |
| CN112417345B (zh) | 2021-04-13 |
| US11604849B2 (en) | 2023-03-14 |
| US20220237256A1 (en) | 2022-07-28 |
| JP7344256B2 (ja) | 2023-09-13 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11640492B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| EP2924590A1 (en) | Page rendering method and apparatus | |
| EP3608795A1 (en) | Method and apparatus for generating knowledge graph, device and computer readable storage medium | |
| US10210144B2 (en) | Creation and display of a webpage with alternative layouts for different webpage widths | |
| WO2015078159A1 (zh) | 网页显示方法及装置 | |
| JPH10124495A (ja) | 原稿テキスト生成処理装置及びそのプログラム記憶媒体 | |
| CN102841790A (zh) | 面向异构终端的Web应用界面动态适配方法 | |
| KR20220107902A (ko) | 렌더링 방법, 장치, 전자 기기 및 저장 매체 | |
| US20130290860A1 (en) | Workspace interfaces, methods, and systems | |
| US20160371062A1 (en) | Method For The Automatic Presentation And Interaction Of A Data-Form User-Interface From Object-Model Metadata Under Media And Security Constraints | |
| JP6540116B2 (ja) | 電子ホワイトボードシステム、電子ホワイトボード検索結果表示方法およびそのプログラム | |
| US20100153682A1 (en) | Mixed techniques for html crosstab rendering | |
| RU2821841C2 (ru) | Способ визуализации, электронное устройство и носитель данных | |
| CN112417346A (zh) | 渲染方法、装置、电子设备及存储介质 | |
| CN114489639A (zh) | 文件生成方法、装置、设备及存储介质 | |
| CN110275996B (zh) | 数据可视化开发为内容开发提供页面框架的装置及方法 | |
| CN102801936A (zh) | 实现在屏显示的方法 | |
| JP2008071212A (ja) | コンテンツ提供方法 | |
| CN117539491B (zh) | 页面布局方法、装置、电子设备、存储介质及程序产品 | |
| JPH06348499A (ja) | オブジェクト指向プログラミング支援装置及びオブジェクト指向プログラミング支援方法 | |
| CN117610535B (zh) | 基于可拓展模型的ai写作方法及系统 | |
| CN114625460B (zh) | 图文混排方法、装置、设备以及存储介质 | |
| CN114118045A (zh) | 报表取数方法、装置、存储介质及计算机设备 | |
| CN117350248A (zh) | 字体切换方法、装置、电子设备及存储介质 | |
| CN103226587B (zh) | 一种字处理文档的段落分组方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| E902 | Notification of reason for refusal |