CN111091606B - 基于地图覆盖物渐变的解决方法 - Google Patents
基于地图覆盖物渐变的解决方法 Download PDFInfo
- Publication number
- CN111091606B CN111091606B CN202010205307.0A CN202010205307A CN111091606B CN 111091606 B CN111091606 B CN 111091606B CN 202010205307 A CN202010205307 A CN 202010205307A CN 111091606 B CN111091606 B CN 111091606B
- Authority
- CN
- China
- Prior art keywords
- covering
- gradient
- rendering
- map
- gradual change
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Instructional Devices (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种基于地图覆盖物渐变展示的绘制方法。本发明采用覆盖物动态加载渲染技术,给出了一种基于原有覆盖物渲染技术,实现颜色渐变的覆盖物渲染绘制方法。其主要特征在于,通过构建通用颜色渐变预定方式(如:svg渐变、canvas渐变、image渐变、以及自定义渐变等),与原有覆盖物渲染颜色进行渲染、合成、覆盖,实现颜色渐变的覆盖物渲染绘制。
Description
技术领域
本发明涉及数据可视化展示领域,尤其涉及一种基于地图覆盖物渐变展示的绘制方法。
背景技术
因现有地图覆盖物都无法支持覆盖物颜色渐变功能,故本发明提供一种覆盖物区域颜色渐变渲染的方法,利于可视化效果展示。
发明内容
为了解决上述技术问题,本发明通过下述技术方案得以解决:
本发明提供一种覆盖物区域颜色渐变渲染的方法,包括以下步骤:
步骤1:初始化地图以及其所需覆盖物。
步骤2:根据生成覆盖物的标签类型(svg、canvas、image等)判断地图覆盖物的呈现方式。
步骤3:构建通用颜色渐变预定绘制方式(如:svg渐变、canvas渐变、image渐变以及自定义渐变等)。
步骤4:根据生成覆盖物的呈现方式和颜色渐变的预定方式进行匹配,然后进行渲染、合成覆盖物。
其中,svg渐变方式绘制方案为:生成线性或放射渐变svg的DOM;
canvas渐变方式绘制方案为:根据createLinearGradient函数对需要渐变的DOM对象进行线性或径向渐变;
image渐变方式绘制方案为:根据css样式对需要渐变的image对象进行线性或径向渐变;
自定义渐变方式绘制方案为:根据待渐变覆盖物区域创建视图单位,对视图单位进行图像识别过滤进行二次确认待渐变覆盖物区域,对处理好的视图单位进行渐变,还原渐变完成的覆盖物区域。
本发明的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1 为本发明实施例公开的地图覆盖物渲染颜色渐变展示的方法的步骤流程图。
图2 为待渐变的覆盖物区域效果图。
图3 为已完成渐变的覆盖物区域效果图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例的附图,对本发明实施例的技术方案进行清楚、完整地描述。显然,所描述的实施例是本发明的一部分实施例,而不是全部的实施例。基于所描述的本发明的实施例,本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
步骤1:初始化地图,如百度地图以及其所需覆盖物,其渲染结果如图2所示。
步骤2:通过标签类型查找方式找出百度地图呈现覆盖物方式为svg方式呈现。
步骤3:构建通用颜色渐变预定绘制方案。
步骤4:根据svg呈现方式,在通用颜色渐变预定绘制方案中进行匹配,匹配结果为svg渐变。其中,svg渐变绘制方式为:创建如线性渐变的DOM,赋予DOM属性x1、x2、y1、y2渐变方向和id标识,在渐变DOM中添加开始抵消颜色,以及结束抵消颜色用于颜色渐变渲染。
步骤5:地图覆盖物添加svg渐变的id标识完成渐变渲染,其最终渲染效果如图3所示。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
总之,以上所述仅为本发明的较佳实施例,凡依本发明申请专利范围所作的均等变化与修饰,皆应属本发明专利的涵盖范围。
Claims (2)
1.基于地图覆盖物渐变的解决方法,用于地图覆盖物渲染颜色渐变展示,其特征在于:包括
步骤1:初始化地图以及其所需覆盖物;
步骤2:根据生成覆盖物的标签类型判断地图覆盖物的呈现方式,包括svg渲染、canvas渲染、image渲染;
步骤3:构建通用颜色渐变预定绘制方式,包括svg渐变、canvas渐变、image渐变以及自定义渐变的绘制方式;
步骤4:根据步骤2中判断得出的呈现方式和步骤3中构建的通用颜色渐变预定绘制方式进行匹配,然后进行渲染、合成覆盖物。
2.根据权利要求1所述的基于地图覆盖物渐变的解决方法,其特征在于:步骤3中自定义渐变,还包括:
a)确定待渐变的覆盖物区域;
b)根据待渐变的覆盖物区域创建若干个视图单位;
c)对视图单位进行图像识别并覆盖渐变;
d)还原覆盖物区域。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010205307.0A CN111091606B (zh) | 2020-03-23 | 2020-03-23 | 基于地图覆盖物渐变的解决方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010205307.0A CN111091606B (zh) | 2020-03-23 | 2020-03-23 | 基于地图覆盖物渐变的解决方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111091606A CN111091606A (zh) | 2020-05-01 |
CN111091606B true CN111091606B (zh) | 2020-07-28 |
Family
ID=70400607
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010205307.0A Active CN111091606B (zh) | 2020-03-23 | 2020-03-23 | 基于地图覆盖物渐变的解决方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111091606B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112619160A (zh) * | 2020-12-29 | 2021-04-09 | 网易(杭州)网络有限公司 | 图像处理方法、装置、非易失性存储介质及电子装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6980224B2 (en) * | 2002-03-26 | 2005-12-27 | Harris Corporation | Efficient digital map overlays |
US9805487B2 (en) * | 2014-05-20 | 2017-10-31 | Here Global B.V. | Method and apparatus for non-occluding overlay of user interface or information elements on a contextual map |
CN104504106B (zh) * | 2014-12-04 | 2018-05-15 | 中移全通系统集成有限公司 | 一种地图覆盖物区域渲染方法及相关设备 |
CN105719230A (zh) * | 2016-01-11 | 2016-06-29 | 南京师范大学 | 基于gpu的颜色渐变线型地图符号绘制方法 |
CN110276022B (zh) * | 2019-05-31 | 2021-07-27 | 汉海信息技术(上海)有限公司 | 地图处理方法、装置、设备、地图中间件及可读存储介质 |
-
2020
- 2020-03-23 CN CN202010205307.0A patent/CN111091606B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN111091606A (zh) | 2020-05-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
US7606419B2 (en) | Translated document image production device, recording medium and translated document image production method | |
KR20130069596A (ko) | 로고가 있는 2차원코드, 로고가 있는 2차원코드 생성장치, 로고가 있는 2차원코드 생성방법 및 프로그램 | |
US20070171222A1 (en) | Application-independent method for capturing three-dimensional model data and structure for viewing and manipulation | |
CN111221596B (zh) | 字体渲染方法、装置及计算机可读存储介质 | |
AU2009226135B2 (en) | Rapid localized language development for video matrix switching system | |
CN100576235C (zh) | 使用输入黑白位图来生成加粗的抗混叠位图的方法和设备 | |
US11361523B2 (en) | Integrated rendering method for various extended reality modes and device having thereof | |
CN111091606B (zh) | 基于地图覆盖物渐变的解决方法 | |
US10311060B2 (en) | Glyph management in texture atlases | |
JP5512903B1 (ja) | 画像処理装置、画像処理方法、情報記憶媒体、及びプログラム | |
US10818050B2 (en) | Vector graphic font character generation techniques | |
US20120249569A1 (en) | Drawing apparatus, drawing method, and drawing program | |
CN104427157A (zh) | 图像处理装置和图像处理方法 | |
CN112927314B (zh) | 一种图像数据处理方法、装置以及计算机设备 | |
US9092911B2 (en) | Subpixel shape smoothing based on predicted shape background information | |
CN116167910B (zh) | 文本编辑方法、装置、计算机设备及计算机可读存储介质 | |
US20080273799A1 (en) | Information processing apparatus, information processing method, program, and program storage medium | |
KR20200114034A (ko) | 인공지능 모델을 이용한 이미지 편집 방법 및 장치 | |
US11657511B2 (en) | Heuristics-based detection of image space suitable for overlaying media content | |
US11854128B2 (en) | Automated digital tool identification from a rasterized image | |
CN112287636A (zh) | 一种点阵字阴影叠加方法及系统 | |
Jia et al. | Task driven saliency detection for image retargeting | |
JP2023032461A (ja) | 領域属性特定方法、領域属性特定装置、記載物検知方法、記載物検知装置及びプログラム | |
KR20010078502A (ko) | 라스터 맵 오버레이 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CP03 | Change of name, title or address |
Address after: 310019 room 808, floor 8, building 1, No. 8 and 10, Jiuhe Road, Shangcheng District, Hangzhou, Zhejiang Patentee after: Zhejiang youshuzhi Technology Co.,Ltd. Address before: 310000 room 808, 8 / F, building 4, No. 9, Jiuhuan Road, Jianggan District, Hangzhou City, Zhejiang Province Patentee before: HANGZHOU YOUSHU FINANCE INFORMATION SERVICES CO.,LTD. |
|
CP03 | Change of name, title or address |