CN107146270A - 一种图形绘制方法及装置 - Google Patents
一种图形绘制方法及装置 Download PDFInfo
- Publication number
- CN107146270A CN107146270A CN201710230818.6A CN201710230818A CN107146270A CN 107146270 A CN107146270 A CN 107146270A CN 201710230818 A CN201710230818 A CN 201710230818A CN 107146270 A CN107146270 A CN 107146270A
- Authority
- CN
- China
- Prior art keywords
- pixel
- color
- graphing
- mask
- relevant position
- 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.)
- Pending
Links
Classifications
-
- 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)
- Image Generation (AREA)
Abstract
本申请公开了一种图形绘制方法及装置。根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与待绘制图形对应的掩码图的相应位置的像素点的颜色，根据获取的颜色确定是否绘制该位置的像素点，相当于通过掩码图来控制待绘制图形要显示的部分，待绘制图形与掩码图对应，如果更换待绘制图形，只需要更新掩码图就可以了，从而能够实现在软件界面简便、方便地进行图形绘制。
Description
技术领域
本发明涉及计算机领域，尤其涉及一种软件界面的图形绘制技术。
背景技术
现在计算机的软件界面非常重要，界面上显示不规则图形的控件和图片也越来越多，如眼睛的图片。我们需要将一个图片里面的任意一个区域图形绘制出来，而不是将所有的图形都绘制出来。举个例子，如图1所示的不规则图形绘制效果图，有图1左边的一张图eye.bmp，然后我们要把里面的眼睛绘制到界面上，实现图1右边所示的效果，只画眼睛，灰色的背景都不要。现在常用的实现方法一般有两种：
一种是作成矩形的控件，图形中眼睛周围部分都画成和背景色一样的颜色，这样看起来就相当于只看到了一个不规则的图形控件，但是这样会有一个问题，就是当用户操作在这个不规则图形周围的时候，还是会触发这个控件，因为这个控件的范围是整个矩形区域。具体在该示例中，如图2所示的现有技术的一种绘制不规则图形的示意图，将图2左边图形中眼睛的灰色背景改成界面的背景，如白色，如图2的中间的图形所示，然后再画上去，得到图2右边的图形，这样就看不出来背景是灰色的了。但是这样会有问题，就是当界面的背景变化的时候，白色的背景又显示出来了。如图3所示的图2中界面背景变化后的效果图，这样就很不好。
另外一种是在绘制这个控件的时候，在代码中按图片位置区域详细的只绘画出不规则图形，如图1中的眼睛部分，但是这种方法也有不好的地方，就是如果换一个图片的话，代码就得重新写，因为每个图片中内容不规则区域不一样。
因此，亟待提供一种简单、方便的图形绘制方案。
发明内容
本申请提供一种图形绘制方法及装置，以实现在软件界面简便、方便地进行图形绘制。
一方面，提供了一种图形绘制方法，包括：
根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色；
若获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点；
若获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
在一种实现方式中，所述待绘制图形为不规则图形。
在另一种实现方式中，所述获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色，包括：
读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
在又一种实现方式中，所述第一设定颜色为白色，第二设定颜色为黑色。
在又一种实现方式中，所述获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色之前，所述方法还包括：
存储与所述待绘制图形对应的掩码图。
另一方面，提供了一种图形绘制装置，包括：
获取单元，用于根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色；
绘制单元，用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点；
所述绘制单元还用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
在一种实现方式中，所述待绘制图形为不规则图形。
在另一种实现方式中，所述获取单元具体用于：
读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
在又一种实现方式中，所述第一设定颜色为白色，第二设定颜色为黑色。
在又一种实现方式中，所述装置还包括：
存储单元，用于存储与所述待绘制图形对应的掩码图。
采用本申请提供的一种图形绘制方法及装置，具有如下有益效果：
根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与待绘制图形对应的掩码图的相应位置的像素点的颜色，根据获取的颜色确定是否绘制该位置的像素点，相当于通过掩码图来控制待绘制图形要显示的部分，待绘制图形与掩码图对应，如果更换待绘制图形，只需要更新掩码图就可以了，从而能够实现在软件界面简便、方便地进行图形绘制。
附图说明
图1为示例的不规则图形绘制效果图；
图2为现有技术的一种绘制不规则图形的示意图；
图3为图2中界面背景变化后的效果图；
图4为本发明实施例提供的一种图形绘制方法的流程示意图；
图5为示例的采用本发明实施例的图像绘制方法绘制的不规则图形的示意图；
图6为本发明实施例提供的一种图像绘制装置的模块示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。
请参阅图4，图4为本发明实施例提供的一种图形绘制方法的流程示意图，该方法包括以下步骤：
S101，存储与待绘制图形对应的掩码图。
本实施例中，每一个待绘制图形都有对应的掩码图，在进行图形绘制前预先存储与待绘制图形对应的掩码图。该步骤为可选的步骤，图中以虚线连接其他步骤。可以理解的是，也可以不预先存储该掩码图，可以实时从网络等获取与当前待绘制图形对应的掩码图。
S102，根据所述待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色。
S103，若获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点。
S104，若获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
图片都有大小，比如48*48就代表有48行，每行有48个像素，即一个待绘制图形包含多个像素点。在软件界面上绘制图形的时候，每绘制待绘制图形上的一个位置的像素点时，就去读掩码图中相应位置像素点的颜色，如果是第一设定颜色，例如白色，则这个位置的像素点就不绘制出来了，如果是第二设定颜色，例如黑色，则将这个位置的像素点绘制出来，这样就相当于通过掩码图来控制原始待绘制图形要显示的部分了。可选地，该第一设定颜色为白色，掩码图本身为白色，则也表示该位置的像素点不需要绘制，该第二设定颜色为黑色。当然，第一设定颜色和第二设定颜色也可以是其它的颜色，根据系统的预先设置确定。可选地，该待绘制图形为不规则图形。
由于预先存储了待绘制图像对应的掩码图，因此，步骤S102也可以是：读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
以图5示例的采用本发明实施例的图像绘制方法绘制的不规则图形的示意图为例进行进一步详细描述。我们要把图5中左图的眼睛绘制到软件界面上，实现图5中右图所示的效果，只画眼睛，灰色的背景都不要，则每绘制图5中左图上的一个像素点时，就去读图5中间的掩码图相应位置像素点的颜色，如果是白色，则在图5右图中这个像素点就不画了，如果是黑的就画出来。等该眼睛的所有像素点都按照这个步骤，一一与掩码图相应位置像素点的颜色比较和绘制完毕，则就在软件界面上绘制出了该眼睛，并且没有灰色的背景。
如果原始的待绘制图形换了，只需要提供一张最新的掩码图就可以了，非常的方便。
根据本发明实施例提供的一种图形绘制方法，根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与待绘制图形对应的掩码图的相应位置的像素点的颜色，根据获取的颜色确定是否绘制该位置的像素点，相当于通过掩码图来控制待绘制图形要显示的部分，待绘制图形与掩码图对应，如果更换待绘制图形，只需要更新掩码图就可以了，从而能够实现在软件界面简便、方便地进行图形绘制。
请参阅图6，图6为本发明实施例提供的一种图像绘制装置的模块示意图。该装置1000包括：
存储单元11，用于存储与待绘制图形对应的掩码图。
本实施例中，每一个待绘制图形都有对应的掩码图，在进行图形绘制前预先存储与待绘制图形对应的掩码图。该存储单元11为可选的模块，图中以虚线连接其他模块。可以理解的是，也可以不预先存储该掩码图，可以实时从网络等获取与当前待绘制图形对应的掩码图。
获取单元12，用于根据所述待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色。
绘制单元13，用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点。
所述绘制单元13还用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
图片都有大小，比如48*48就代表有48行，每行有48个像素，即一个待绘制图形包含多个像素点。在软件界面上绘制图形的时候，每绘制待绘制图形上的一个位置的像素点时，就去读掩码图中相应位置像素点的颜色，如果是第一设定颜色，例如白色，则这个位置的像素点就不绘制出来了，如果是第二设定颜色，例如黑色，则将这个位置的像素点绘制出来，这样就相当于通过掩码图来控制原始待绘制图形要显示的部分了。可选地，该第一设定颜色为白色，掩码图本身为白色，则也表示该位置的像素点不需要绘制，该第二设定颜色为黑色。当然，第一设定颜色和第二设定颜色也可以是其它的颜色，根据系统的预先设置确定。可选地，该待绘制图形为不规则图形。
由于预先存储了待绘制图像对应的掩码图，因此，获取单元12也可以具体用于：读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
如果原始的待绘制图形换了，只需要提供一张最新的掩码图就可以了，非常的方便。
根据本发明实施例提供的一种图形绘制装置，根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与待绘制图形对应的掩码图的相应位置的像素点的颜色，根据获取的颜色确定是否绘制该位置的像素点，相当于通过掩码图来控制待绘制图形要显示的部分，待绘制图形与掩码图对应，如果更换待绘制图形，只需要更新掩码图就可以了，从而能够实现在软件界面简便、方便地进行图形绘制。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为根据本发明，某些步骤可以采用其他顺序或者同时进行。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到本发明可以用硬件实现，或固件实现，或它们的组合方式来实现。当使用软件实现时，可以将上述功能存储在计算机可读介质中或作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是计算机能够存取的任何可用介质。以此为例但不限于：计算机可读介质可以包括随机存取存储器(Random Access Memory，RAM)、只读存储器(Read-Only Memory，ROM)、电可擦可编程只读存储器(ElectricallyErasable Programmable Read-Only Memory，EEPROM)、只读光盘(Compact Disc Read-Only Memory，CD-ROM)或其他光盘存储、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质。此外。任何连接可以适当的成为计算机可读介质。例如，如果软件是使用同轴电缆、光纤光缆、双绞线、数字用户线(Digital Subscriber Line，DSL)或者诸如红外线、无线电和微波之类的无线技术从网站、服务器或者其他远程源传输的，那么同轴电缆、光纤光缆、双绞线、DSL或者诸如红外线、无线和微波之类的无线技术包括在所属介质的定影中。如本发明所使用的，盘(Disk)和碟(disc)包括压缩光碟(CD)、激光碟、光碟、数字通用光碟(DVD)、软盘和蓝光光碟，其中盘通常磁性的复制数据，而碟则用激光来光学的复制数据。上面的组合也应当包括在计算机可读介质的保护范围之内。
Claims (10)
1.一种图形绘制方法，其特征在于，包括：
根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色；
若获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点；
若获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
2.如权利要求1所述的方法，其特征在于，所述待绘制图形为不规则图形。
3.如权利要求1所述的方法，其特征在于，所述获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色，包括：
读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
4.如权利要求3所述的方法，其特征在于，所述第一设定颜色为白色，第二设定颜色为黑色。
5.如权利要求1-4任一项所述的方法，其特征在于，所述获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色之前，还包括：
存储与所述待绘制图形对应的掩码图。
6.一种图形绘制装置，其特征在于，包括：
获取单元，用于根据待绘制图形包含的多个像素点，针对每个位置的像素点，获取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色；
绘制单元，用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第一设定颜色，则不绘制所述位置的像素点；
所述绘制单元还用于若所述获取单元获取的所述掩码图的相应位置的像素点的颜色为第二设定颜色，则绘制所述位置的像素点。
7.如权利要求6所述的装置，其特征在于，所述待绘制图形为不规则图形。
8.如权利要求6所述的装置，其特征在于，所述获取单元具体用于：
读取与所述待绘制图形对应的掩码图的相应位置的像素点的颜色的值；
其中，所述掩码图的相应位置的像素点的颜色的值包括第一设定颜色值和第二设定颜色值。
9.如权利要求8所述的装置，其特征在于，所述第一设定颜色为白色，第二设定颜色为黑色。
10.如权利要求6-9任一项所述的装置，其特征在于，还包括：
存储单元，用于存储与所述待绘制图形对应的掩码图。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710230818.6A CN107146270A (zh) | 2017-04-11 | 2017-04-11 | 一种图形绘制方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710230818.6A CN107146270A (zh) | 2017-04-11 | 2017-04-11 | 一种图形绘制方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107146270A true CN107146270A (zh) | 2017-09-08 |
Family
ID=59774601
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710230818.6A Pending CN107146270A (zh) | 2017-04-11 | 2017-04-11 | 一种图形绘制方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107146270A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108449590A (zh) * | 2018-03-30 | 2018-08-24 | 盎锐（上海）信息科技有限公司 | 图像处理方法及装置 |
| WO2022022260A1 (zh) * | 2020-07-30 | 2022-02-03 | 北京达佳互联信息技术有限公司 | 图像风格迁移方法及其装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090154807A1 (en) * | 2005-12-30 | 2009-06-18 | Telecom Italia S.P.A. | Edge Comparison in Segmentation of Video Sequences |
| CN102411791A (zh) * | 2010-09-19 | 2012-04-11 | 三星电子（中国）研发中心 | 一种静止图像动态化的方法和设备 |
| CN103366364A (zh) * | 2013-06-07 | 2013-10-23 | 太仓中科信息技术研究院 | 一种基于颜色差异的抠图方法 |
| CN105184787A (zh) * | 2015-08-31 | 2015-12-23 | 广州市幸福网络技术有限公司 | 一种自动对人像进行抠图的证照相机及方法 |
-
2017
- 2017-04-11 CN CN201710230818.6A patent/CN107146270A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090154807A1 (en) * | 2005-12-30 | 2009-06-18 | Telecom Italia S.P.A. | Edge Comparison in Segmentation of Video Sequences |
| CN102411791A (zh) * | 2010-09-19 | 2012-04-11 | 三星电子（中国）研发中心 | 一种静止图像动态化的方法和设备 |
| CN103366364A (zh) * | 2013-06-07 | 2013-10-23 | 太仓中科信息技术研究院 | 一种基于颜色差异的抠图方法 |
| CN105184787A (zh) * | 2015-08-31 | 2015-12-23 | 广州市幸福网络技术有限公司 | 一种自动对人像进行抠图的证照相机及方法 |
Non-Patent Citations (2)
| Title |
|---|
| 李梅莲等: "基于VC++实现位图显示透明效果", 《许昌学院学报》 * |
| 陈晓龙等: "基于虚拟仪器的彩色图像单色背景透明化处理", 《国外电子测量技术》 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108449590A (zh) * | 2018-03-30 | 2018-08-24 | 盎锐（上海）信息科技有限公司 | 图像处理方法及装置 |
| CN108449590B (zh) * | 2018-03-30 | 2020-02-11 | 盎锐（上海）信息科技有限公司 | 图像处理方法及装置 |
| WO2022022260A1 (zh) * | 2020-07-30 | 2022-02-03 | 北京达佳互联信息技术有限公司 | 图像风格迁移方法及其装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| DE112013004078B4 (de) | Gemeinsame Speichernutzung über eine vereinheitlichte Speicherarchitektur | |
| DE112011103209B4 (de) | Verfahren, vorrichtung und system zur steuerung von anzeigeaktivität | |
| US8572501B2 (en) | Rendering graphical objects based on context | |
| CN1316446C (zh) | 字符显示设备、方法和程序以及用于它们的记录媒体 | |
| CN116052605A (zh) | 墨水屏刷新方法、装置、墨水屏设备及存储介质 | |
| CN107146270A (zh) | 一种图形绘制方法及装置 | |
| CN109255763A (zh) | 图像处理方法、装置、设备及存储介质 | |
| CN106605211A (zh) | 着色器的渲染时间链接 | |
| CN105373362B (zh) | 一种基于fpga架构的静态底图控制方法及其装置 | |
| CN108959201A (zh) | 电子书阅读器手写笔迹的绘制方法及电子书阅读器 | |
| CN112686939A (zh) | 景深图像的渲染方法、装置、设备及计算机可读存储介质 | |
| CN108762597A (zh) | 电子书阅读器手写笔迹的绘制方法及电子书阅读器 | |
| CN107133909A (zh) | 一种着色器重组的方法及装置 | |
| CN108810648A (zh) | 一种进行图像处理的方法及终端 | |
| CN113409465A (zh) | 毛发模型的生成方法、装置、存储介质与电子设备 | |
| CN108154463B (zh) | 一种模型化gpu显存系统管理方法 | |
| CN107391148B (zh) | 视图元素保存方法、装置、电子设备及计算机存储介质 | |
| CN113918249A (zh) | 一种背景模糊控件的实现方法及装置 | |
| CN109416828A (zh) | 将帧缓冲映射到逻辑显示器的装置及方法 | |
| CN115909980B (zh) | 一种文字显示优化方法、装置、设备及存储介质 | |
| US20230252715A1 (en) | Image processing method, apparatus and device and storage medium | |
| CN106909397A (zh) | 在Unity界面中生成输入框的方法及装置 | |
| CN111063309A (zh) | 不规则图形的冲突刷新的方法、存储设备及显示终端 | |
| CN116415000A (zh) | 可视化知识图谱的配置方法、装置、设备及存储介质 | |
| CN116483359B (zh) | 一种新拟态绘制方法、装置、电子设备及可读存储介质 |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170908 |