CN109584341A - 在画板上绘图的方法及装置 - Google Patents

在画板上绘图的方法及装置 Download PDF

Info

Publication number
CN109584341A
CN109584341A CN201811361546.4A CN201811361546A CN109584341A CN 109584341 A CN109584341 A CN 109584341A CN 201811361546 A CN201811361546 A CN 201811361546A CN 109584341 A CN109584341 A CN 109584341A
Authority
CN
China
Prior art keywords
layer
drawing board
target
pixel
mapped file
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.)
Granted
Application number
CN201811361546.4A
Other languages
English (en)
Other versions
CN109584341B (zh
Inventor
潘伟洲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201811361546.4A priority Critical patent/CN109584341B/zh
Publication of CN109584341A publication Critical patent/CN109584341A/zh
Application granted granted Critical
Publication of CN109584341B publication Critical patent/CN109584341B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明提供了在画板上绘图的方法及装置，所述方法包括获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；获取所述焦点所在目标像素；根据所述画板映射文件选择所述目标像素对应的目标图层；由所述目标图层响应所述绘图指令。本发明通过预先获取画板映射文件的方式快速定位能够响应触发指令的目标图层，从而快速执行所述触发指令所包含的绘图指令，具备图形加载快、内存占用少和响应速度快的显著优势。

Description

在画板上绘图的方法及装置
技术领域
本发明涉及计算机领域，尤其涉及在画板上绘图的方法及装置。
背景技术
现有技术中通常通过图层组织图形数据，而在画板上显示图形的过程就是将各个图层对应的图形数据可视化的过程，而不同的图形可能位于不同的图层之上，从而导致了现有技术中的绘图过程存在如下问题：
(1)耗费内存
不同的图形可能位于不同的图层之上，为了在绘图过程中准确定位当前操作的图形所在的图层，需要在绘图期间将每一个图层数据都保存在内存中。
(2)加载速度慢
在画板初始化阶段，需要对各个图层的数据进行解析，从而为后续判断需要被操作的图形所在的图层做准备，从而出现耗时长、主线程卡顿的问题。
(3)响应速度慢
在绘图过程中，需要一直根据触发指令的发布位置遍历每一个图层，以判断所述图层是否为需要操作的图形所在的图层，存在一定的响应耗时。
发明内容
为了解决上述技术问题，本发明提出了在画板上绘图的方法及装置。本发明具体是以如下技术方案实现的：
一方面，一种在画板上绘图的方法，包括：
获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；
获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；
获取所述焦点所在目标像素；
根据所述画板映射文件选择所述目标像素对应的目标图层；
由所述目标图层响应所述绘图指令。
另一方面，一种在画板上绘图的装置，包括：
画板数据获取模块，用于获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；
触发指令获取模块，用于获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；
目标像素获取模块，用于获取所述焦点所在目标像素；
目标图层选择模块，用于根据所述画板映射文件选择所述目标像素对应的目标图层；
响应模块，用于由所述目标图层响应所述绘图指令。
本发明提供了在画板上绘图的方法及装置。本发明通过预先获取画板映射文件的方式快速定位能够响应触发指令的目标图层，从而快速执行所述触发指令所包含的绘图指令，具备图形加载快、内存占用少和响应速度快的显著优势。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
图1是本发明实施例提供的一种在画板上绘图的方法流程图；
图2是本发明实施例提供的画板映射文件的生成方法流程图；
图3是本发明实施例提供的一种在画板上分块涂色的方法流程图；
图4(1)是本发明实施例提供的图层的示意图；
图4(2)是本发明实施例提供的另一图层的示意图；
图4(3)是本发明实施例提供的另一图层的示意图；
图4(4)是本发明实施例提供的另一图层的示意图；
图4(5)是本发明实施例提供的另一图层的示意图；
图4(6)是本发明实施例提供的另一图层的示意图；
图4(7)是本发明实施例提供的另一图层的示意图；
图4(8)是本发明实施例提供的另一图层的示意图；
图4(9)是本发明实施例提供的另一图层的示意图；
图4(10)是本发明实施例提供的另一图层的示意图；
图4(11)是本发明实施例提供的另一图层的示意图；
图4(12)是本发明实施例提供的另一图层的示意图；
图4(13)是本发明实施例提供的另一图层的示意图；
图4(14)是本发明实施例提供的另一图层的示意图；
图4(15)是本发明实施例提供的对于图层进行分块涂色的显示结果示意图；
图5是本发明实施例提供的一种在画板上绘图的装置框图；
图6是本发明实施例提供的画板映射文件生成模块框图；
图7是本发明实施例提供的终端示意图；
图8是本发明实施例提供的一种服务器结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本发明实施例公开了一种在画板上绘图的方法，如图1所示，所述方法包括：
S101.获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系。
具体地，本发明实施例中各个图层的大小均与画板的大小一致，图层包括可操作区域和不可操作区域，可操作能够被用户触发，而不可操作区域不能够被用户触发。以用户通过点击操作为画板涂色为例，若用户在某个图层的可操作区域点击，则该图层响应用户操作，可操作区域对应的像素即可被涂色；若用户在不可操作区域点击，则该图层不响应用户的操作。
若所述画板中的某个像素所在位置被触发，则由所述所述像素对应的目标图层产生响应，所述目标图层满足下述条件：所述目标图层的可操作区域包括所述像素点，即所述像素点落入所述目标图层的可操作区域。
进一步地，在一个优选的实施方式中，所述画板数据还包括按照图层进行数据组织而得到的图层数据，而各个图层数据的可视化均可以被单独控制，画板的显示图像可以由多幅可视的图层数据叠加显示而得到。
步骤S101中可以直接对画板数据中的图层数据进行可视化渲染，而不用再对其进行解析，提升了画板数据加载的速度。
S102.获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点。
具体地，发出所述触发指令的方式可以为在所述画板上单击鼠标、双击鼠标、滑动鼠标滚轮、绘制某种预设轨迹、当鼠标落在所述画板上时触发某个键盘指令、手指点按画板等，本发明实施例并不限定具体的触发方式，只要能够获取所述触发指令对应的焦点即可。
S103.获取所述焦点所在目标像素；若所述目标像素位于所述画板内，则根据所述画板映射文件选择所述目标像素对应的目标图层。
在一个优选的实施例中，步骤S103之前还可以包括判断所述目标像素是否位于画板中的步骤，若否，则提示用户触发位置错误。
步骤S103中可以直接根据画板映射文件定位目标图层，而不必再遍历每一个图层，提升了响应速度，并且由于不必再遍历每一个图层，因此，就可以不必将全部的图层都保存在内存，而只需要及时根据步骤S103的选择结果将被选出的目标图层读入内存即可，避免了对于内存的过多消耗。
S104.由所述目标图层响应所述绘图指令。
具体地，所述绘图指令可以包括涂色、打标、抠图、美化等常见的绘图指令，本发明实施例并不限定具体的绘图指令。
本发明实施例中提供了一种在画板上绘图的方法，所述绘图方法通过预先获取画板映射文件的方式快速定位能够响应触发指令的目标图层，从而快速执行所述触发指令所包含的绘图指令，具备图形加载快、内存占用少和响应速度快的显著优势。
为了提升绘图速度，可以预先对于画板数据进行预处理以得到画板映射文件，如图2所示，所述画板映射文件的生成方法包括：
S1.对每个图层进行编号。
S2.构建与画板的像素矩阵大小相同的映射矩阵。
具体地，所述画板的像素矩阵的行数为所述画板所包括的像素在高度度方向的行数，所述画板的像素矩阵的列数为所述画板所包括的像素在宽度方向的列数。所述映射矩阵的每个元素可以由一个字节表示，所述映射矩阵可以使用二维字节数组进行存储。
具体地，假定画板大小为W*H，其中W和H分别为图像的宽度和高度。在预处理阶段，首先分配一个W*H个字节的数组，每个字节可表示0-255的图层序号。
S3.遍历图层，并根据遍历结果为映射矩阵赋值。
具体地，所述遍历图层，并根据遍历结果为映射矩阵赋值包括为每个图层执行下述操作：
S31.获取所述图层中可操作区域在所述像素矩阵的位置；
S32.将所述映射矩阵中的目标区域的字节赋值为所述图层的编号，所述目标区域在所述映射矩阵中的位置与所述可操作区域在所述像素矩阵的位置相同。
本发明实施例中，对于大小为W*H的各个图层遍历之后，即可得到以二维字节数组形式表示的画板映射文件，举例而言，所述二维字节数组中某一行的值依次可以为：
0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,12,-1,-1,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,13,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0；则这些值表示的含义为：第0-77列的值为0，表示其对应的图层为图层0；第78-262列的值为12，其对应的图层为图层12响应；第263-264列的值为-1，表示其没有对应的图层。相应的，在本发明实施例所提供的绘图方法中，若第0-77列的像素被触发，则由图层0进行响应；若第78-262列的像素被触发，则由图层12进行响应，若第263-264列的像素被触发，则不响应。
对一幅W*H的图片，需要创建W*H字节大小的映射文件。由于文件中有大量的冗余，经过压缩后，即可大幅减少数据量。本发明实施例并不对具体的压缩方法进行限制，可以使用常用的gzip来实现。gzip是GNUzip的缩写，它是一个GNU自由软件的文件压缩程序。它既可以减少存储空间，又可以在通过网络传输文件时，减少传输的时间。以上个举例为例，原图大小为537459，因此生成的映射文件为537459个字节，约240kb的文件。经过gzip压缩后，大小约为4kb。
当启动绘图任务时，系统在加载画板数据的同时也会额外加载一个4kb的压缩文件，并在解压后读入内存。当用户在画板中进行点击时，根据鼠标的位置找到可以响应的图层序号，并由该图层做出响应。
本发明实施例通过预处理的方式生成了画板映射文件，将耗时的图层定位过程和图片解析过程预先完成，从而实现了后续画板功能的即刻加载。在具体的绘图过程中可以直接进行图层定位，而不必遍历图层，可以大幅提高绘制指令相关应用的加载速度和响应速度，画板映射文件内存占用小，相较于需要保存全部图层的现有技术，本发明实施例明显优化了内存消耗。
目前，热点图的编辑和使用属于绘图领域研究的热点内容。热点图是通过使用不同的标志将图或页面上的区域按照受关注程度的不同加以标注并呈现的一种分析手段，标注的手段一般采用颜色的深浅、点的疏密以及呈现比重的形式。基于鼠标的点击行为进行采集、分析、呈现的点击热点图是热点图主要的实现方式。分块涂色是热点图常见的绘图功能，通过将一幅图片分成多个块，每个块可以实现独立的线内涂色和填充。其不仅仅可以应用于热点图的绘制，在其它图形绘制中也颇为常见。因此，本发明实施例进一步提供一种在画板上分块涂色的方法，如图3所示，包括：
S201.绘制画板对应的图层，所述图层的可操作区域使用非透明色填充，不可操作区域使用透明色填充。
具体地，所述图层可以为热点图对应的图层，其可以以PNG文件形式进行组织。便携式网络图形PNG是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG使用从LZ77派生的无损数据压缩算法，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。
图层与完整的画板大小一致，将图层中的图块的区域使用非透明色填充，其他的部分使用透明色填充。步骤S201可以交由美工人力完成。
S202.获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系。
具体地，所述画板映射文件的生成方法可以参考S1-S3。其中非透明色填充的区域为可操作区域，透明色填充的区域为不可操作区域。
S203.获取触发指令，所述触发指令包括涂色指令和所述触发指令对应的焦点。
S204.获取所述焦点所在目标像素。
S205.根据所述画板映射文件选择所述目标像素对应的目标图层。
S206.对目标图层上可操作区域连通的各个像素涂上相同颜色。
分块涂色是常见的绘图功能，通过将一幅图片分成多个块，每个块可以实现独立的线内涂色和填充。本发明实施例通过举例方式描述步骤S203-S206的执行逻辑：
如图4(1)-图4(14)所示，示出了画板数据中的各个图层，各个图层中基于色块遮罩的方法将涂色限制在每个色块的区域以内，其中，白色的区域表示不属于该图层的响应范围，即不可操作区域，灰色的区域表示属于该图层的响应范围，即可操作区域。每个图层与画板均大小相同，对图层中的可操作区域实施涂色指令，即可将所述可操作区域中连通的各个像素涂上相同颜色。如图4(15)所示，其示出了对于图层进行分块涂色的最终显示界面示意结果。
本发明实施例提供了一种在画板上涂色的方法，其具备应用加载速度快、涂色响应速度快、内存消耗小的显著优势。
本发明实施例还提供一种在画板上绘图的装置，如图5所示，包括：
画板数据获取模块301，用于获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；
触发指令获取模块302，用于获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；
目标像素获取模块303，用于获取所述焦点所在目标像素；
目标图层选择模块304，用于根据所述画板映射文件选择所述目标像素对应的目标图层；
响应模块305，用于由所述目标图层响应所述绘图指令。
此外，还包括：
画板映射文件生成模块306，用于生成画板映射文件。
压缩模块307，用于对得到的画板映射文件进行压缩。
图层绘制模块308，用于绘制画板对应的图层，所述图层的可操作区域使用非透明色填充，不可操作区域使用透明色填充。
涂色模块309，用于响应于所述触发指令，对目标图层上可操作区域连通的各个像素涂上相同颜色。
具体地，还包括画板映射文件生成模块306，如图6所示，所述画板映射文件生成模块306包括：
编号单元3061，用于对每个图层进行编号；
映射矩阵构建单元3062，用于构建与画板的像素矩阵大小相同的映射矩阵；
遍历赋值单元3063，用于遍历图层，并根据遍历结果为映射矩阵赋值。
本发明的装置实施例中所述的一种在画板上绘图的装置与方法实施例基于同样地发明构思。
本发明的实施例还提供了一种存储介质，所述存储介质可用于保存用于实现实施例中一种在画板上绘图的方法需要用到的的程序代码。可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络设备中的至少一个网络设备。可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
请参考图7，其示出了本发明一个实施例提供的终端的结构示意图。该终端运行实施上述实施例中提供的一种在画板上绘图的装置。
所述终端可以包括RF(Radio Frequency，射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(wireless fidelity，无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：
RF电路110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器180处理；另外，将涉及上行的数据发送给基站。通常，RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(LowNoiseAmplifier，低噪声放大器)、双工器等。此外，RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System ofMobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。
存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述终端的使用所创建的数据等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器120还可以包括存储器控制器，以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及所述终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图7中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。
所述终端还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在所述终端移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于所述终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
音频电路160、扬声器161，传声器162可提供用户与所述终端之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔，以提供外设耳机与所述终端的通信。
WiFi属于短距离无线传输技术，所述终端通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块170，但是可以理解的是，其并不属于所述终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是所述终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行所述终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器180可包括一个或多个处理核心；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。
所述终端还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出，所述终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端的显示单元是触摸屏显示器，终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含用于执行上述一种在画板上绘图的方法。
请参考图8，其示出了本发明一个实施例提供的服务器的结构示意图。该服务器运行实施上述实施例中提供的一种在画板上绘图的装置。具体来讲：
所述服务器1200包括中央处理单元(CPU)1201、包括随机存取存储器(RAM)1202和只读存储器(ROM)1203的系统存储器1204，以及连接系统存储器1204和中央处理单元1201的系统总线1205。所述服务器1200还包括帮助计算机内的各个器件之间传输信息的基本输入/输出系统(I/O系统)1206，和用于存储操作系统1213、应用程序1214和其他程序模块1215的大容量存储设备1207。
所述基本输入/输出系统1206包括有用于显示信息的显示器1208和用于用户输入信息的诸如鼠标、键盘之类的输入设备1209。其中所述显示器1208和输入设备1209都通过连接到系统总线1205的输入输出控制器1210连接到中央处理单元1201。所述基本输入/输出系统1206还可以包括输入输出控制器1210以用于接收和处理来自键盘、鼠标、或电子触控笔等多个其他设备的输入。类似地，输入输出控制器1210还提供输出到显示屏、打印机或其他类型的输出设备。
所述大容量存储设备1207通过连接到系统总线1205的大容量存储控制器(未示出)连接到中央处理单元1201。所述大容量存储设备1207及其相关联的计算机可读介质为服务器1200提供非易失性存储。也就是说，所述大容量存储设备1207可以包括诸如硬盘或者CD-ROM驱动器之类的计算机可读介质(未示出)。
不失一般性，所述计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结构、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括RAM、ROM、EPROM、EEPROM、闪存或其他固态存储其技术，CD-ROM、DVD或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然，本领域技术人员可知所述计算机存储介质不局限于上述几种。上述的系统存储器1204和大容量存储设备1207可以统称为存储器。
根据本发明的各种实施例，所述服务器1200还可以通过诸如因特网等网络连接到网络上的远程计算机运行。也即服务器1200可以通过连接在所述系统总线1205上的网络接口单元1211连接到网络1212，或者说，也可以使用网络接口单元1211来连接到其他类型的网络或远程计算机系统(未示出)。
所述存储器还包括一个或者一个以上的程序，所述一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行。上述一个或者一个以上程序包含用于执行上述服务器的方法的指令。
应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种在画板上绘图的方法，其特征在于，包括：
获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；
获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；
获取所述焦点所在目标像素；
根据所述画板映射文件选择所述目标像素对应的目标图层；
由所述目标图层响应所述绘图指令。
2.根据权利要求1所述的方法，其特征在于，还包括：
各个图层的大小均与画板的大小一致，图层包括可操作区域和不可操作区域，可操作能够被用户触发，而不可操作区域不能够被用户触发；
所述像素点对应的目标图层满足下述条件：所述目标图层的可操作区域包括所述像素点。
3.根据权利要求1所述的方法，其特征在于，还包括画板映射文件的生成方法，具体包括：
对每个图层进行编号；
构建与画板的像素矩阵大小相同的映射矩阵；
遍历图层，并根据遍历结果为映射矩阵赋值。
4.根据权利要求3所述的方法，其特征在于：
所述遍历图层，并根据遍历结果为映射矩阵赋值包括为每个图层执行下述操作；
获取所述图层中可操作区域在所述像素矩阵的位置；
将所述映射矩阵中的目标区域的字节赋值为所述图层的编号，所述目标区域在所述映射矩阵中的位置与所述可操作区域在所述像素矩阵的位置相同。
5.根据权利要求3所述的方法，其特征在于，还包括：
对得到的画板映射文件进行压缩。
6.根据权利要求1所述的方法，其特征在于，还包括：
绘制画板对应的图层，所述图层的可操作区域使用非透明色填充，不可操作区域使用透明色填充；
响应于所述触发指令，对目标图层上可操作区域连通的各个像素涂上相同颜色。
7.一种在画板上绘图的装置，其特征在于，包括：
画板数据获取模块，用于获取画板数据，所述画板数据包括画板映射文件，所述画板映射文件用于记录画板中像素点与所述像素点对应的目标图层之间的映射关系；
触发指令获取模块，用于获取触发指令，所述触发指令包括绘图指令和所述触发指令对应的焦点；
目标像素获取模块，用于获取所述焦点所在目标像素；
目标图层选择模块，用于根据所述画板映射文件选择所述目标像素对应的目标图层；
响应模块，用于由所述目标图层响应所述绘图指令。
8.根据权利要求7所述的装置，其特征在于：
还包括画板映射文件生成模块，用于生成画板映射文件；
所述画板映射文件生成模块包括：
编号单元，用于对每个图层进行编号；
映射矩阵构建单元，用于构建与画板的像素矩阵大小相同的映射矩阵；
遍历赋值单元，用于遍历图层，并根据遍历结果为映射矩阵赋值。
9.根据权利要求8所述的装置，其特征在于：
所述遍历赋值单元包括：
位置获取单元，用于获取所述图层中可操作区域在所述像素矩阵的位置；
编号赋值单元，用于将所述映射矩阵中的目标区域的字节赋值为所述图层的编号，所述目标区域在所述映射矩阵中的位置与所述可操作区域在所述像素矩阵的位置相同。
10.根据权利要求8所述的装置，其特征在于，还包括：
压缩模块，用于对得到的画板映射文件进行压缩。
11.根据权利要求7所述的装置，其特征在于，还包括：
图层绘制模块，用于绘制画板对应的图层，所述图层的可操作区域使用非透明色填充，不可操作区域使用透明色填充；
涂色模块，用于响应于所述触发指令，对目标图层上可操作区域连通的各个像素涂上相同颜色。
CN201811361546.4A 2018-11-15 2018-11-15 在画板上绘图的方法及装置 Active CN109584341B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811361546.4A CN109584341B (zh) 2018-11-15 2018-11-15 在画板上绘图的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811361546.4A CN109584341B (zh) 2018-11-15 2018-11-15 在画板上绘图的方法及装置

Publications (2)

Publication Number Publication Date
CN109584341A true CN109584341A (zh) 2019-04-05
CN109584341B CN109584341B (zh) 2022-11-25

Family

ID=65922639

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811361546.4A Active CN109584341B (zh) 2018-11-15 2018-11-15 在画板上绘图的方法及装置

Country Status (1)

Country Link
CN (1) CN109584341B (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110458921A (zh) * 2019-08-05 2019-11-15 腾讯科技（深圳）有限公司 一种图像处理方法、装置、终端以及存储介质
CN111640163A (zh) * 2020-06-03 2020-09-08 湖南工业大学 图像合成方法及计算机可读储存介质
CN111699464A (zh) * 2020-04-01 2020-09-22 深圳市鹰硕技术有限公司 一种显示点阵图形的方法、装置、电子设备及系统
CN113379865A (zh) * 2021-06-25 2021-09-10 上海哔哩哔哩科技有限公司 目标对象的绘制方法和系统
CN113467680A (zh) * 2021-06-28 2021-10-01 网易（杭州）网络有限公司 绘图处理方法、装置、电子设备及存储介质
CN115469959A (zh) * 2022-11-11 2022-12-13 成都摹客科技有限公司 一种页面的渲染方法、渲染装置及计算机存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102789361A (zh) * 2012-06-29 2012-11-21 哈尔滨工程大学 一种矢量电子地图信息的显示风格设置方法
CN103389855A (zh) * 2013-07-11 2013-11-13 广东欧珀移动通信有限公司 一种移动终端交互的方法及装置
CN103488633A (zh) * 2012-06-08 2014-01-01 北京华胜天成科技股份有限公司 网络电子地图信息处理方法
CN105374007A (zh) * 2015-12-02 2016-03-02 华侨大学 融合骨架笔画和纹理特征的铅笔画生成方法和装置
CN106325668A (zh) * 2016-08-11 2017-01-11 网易（杭州）网络有限公司 触摸事件响应处理方法及系统
CN106341574A (zh) * 2016-08-24 2017-01-18 北京小米移动软件有限公司 色域映射方法及装置
CN106815029A (zh) * 2017-01-24 2017-06-09 南京仁谷系统集成有限公司 一种使用Qt进行二维图层的绘制及事件处理方法
US20180182140A1 (en) * 2016-12-22 2018-06-28 American Express Travel Related Services Company, Inc. Systems and Methods for a Digital Map and Canvas Layer

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103488633A (zh) * 2012-06-08 2014-01-01 北京华胜天成科技股份有限公司 网络电子地图信息处理方法
CN102789361A (zh) * 2012-06-29 2012-11-21 哈尔滨工程大学 一种矢量电子地图信息的显示风格设置方法
CN103389855A (zh) * 2013-07-11 2013-11-13 广东欧珀移动通信有限公司 一种移动终端交互的方法及装置
CN105374007A (zh) * 2015-12-02 2016-03-02 华侨大学 融合骨架笔画和纹理特征的铅笔画生成方法和装置
CN106325668A (zh) * 2016-08-11 2017-01-11 网易（杭州）网络有限公司 触摸事件响应处理方法及系统
CN106341574A (zh) * 2016-08-24 2017-01-18 北京小米移动软件有限公司 色域映射方法及装置
US20180182140A1 (en) * 2016-12-22 2018-06-28 American Express Travel Related Services Company, Inc. Systems and Methods for a Digital Map and Canvas Layer
CN106815029A (zh) * 2017-01-24 2017-06-09 南京仁谷系统集成有限公司 一种使用Qt进行二维图层的绘制及事件处理方法

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110458921A (zh) * 2019-08-05 2019-11-15 腾讯科技（深圳）有限公司 一种图像处理方法、装置、终端以及存储介质
CN111699464A (zh) * 2020-04-01 2020-09-22 深圳市鹰硕技术有限公司 一种显示点阵图形的方法、装置、电子设备及系统
WO2021196055A1 (zh) * 2020-04-01 2021-10-07 深圳市鹰硕技术有限公司 一种显示点阵图形的方法、装置、电子设备及系统
CN111699464B (zh) * 2020-04-01 2023-08-11 深圳市鹰硕技术有限公司 一种显示点阵图形的方法、装置、电子设备及系统
CN111640163A (zh) * 2020-06-03 2020-09-08 湖南工业大学 图像合成方法及计算机可读储存介质
CN113379865A (zh) * 2021-06-25 2021-09-10 上海哔哩哔哩科技有限公司 目标对象的绘制方法和系统
CN113379865B (zh) * 2021-06-25 2023-08-04 上海哔哩哔哩科技有限公司 目标对象的绘制方法和系统
CN113467680A (zh) * 2021-06-28 2021-10-01 网易（杭州）网络有限公司 绘图处理方法、装置、电子设备及存储介质
CN115469959A (zh) * 2022-11-11 2022-12-13 成都摹客科技有限公司 一种页面的渲染方法、渲染装置及计算机存储介质
CN115469959B (zh) * 2022-11-11 2023-01-31 成都摹客科技有限公司 一种页面的渲染方法、渲染装置及计算机存储介质

Also Published As

Publication number Publication date
CN109584341B (zh) 2022-11-25

Similar Documents

Publication Publication Date Title
CN109584341A (zh) 在画板上绘图的方法及装置
CN105278937B (zh) 一种显示弹出框消息的方法及装置
CN104852885B (zh) 一种进行验证码验证的方法、装置和系统
CN106708554B (zh) 程序运行方法及装置
US20180276148A1 (en) Method for setting universal serial bus (usb) interface of electronic device, and electronic device
CN106502703B (zh) 一种函数调用方法和装置
CN103455407A (zh) 一种移动终端cpu占用率监测方法、装置及移动终端
CN104951432A (zh) 一种对信息进行处理的方法及装置
CN108984064A (zh) 分屏显示方法、装置、存储介质和电子设备
CN105094809A (zh) 组合图片布局修改方法、装置以及终端设备
CN104679381A (zh) 切换聊天窗口的方法及装置
CN104111927A (zh) 信息分类的方法、设备和系统
CN109062468A (zh) 分屏显示方法、装置、存储介质和电子设备
CN107219951A (zh) 触控屏控制方法、装置、存储介质及终端设备
CN108932094A (zh) 分屏应用切换方法、装置、存储介质和电子设备
CN105653112B (zh) 一种显示浮层的方法及装置
CN105278795B (zh) 一种显示功能栏的方法和装置
CN103399706A (zh) 页面交互方法、装置及终端
CN111309325A (zh) 一种第三方库引用的方法、装置及移动终端
CN103412707A (zh) 一种显示框显示的方法、装置和设备
CN110413639A (zh) 数据核查方法及装置、电子设备和计算机可读存储介质
CN107153715B (zh) 在页面上添加文件的方法及装置
CN105335434B (zh) 日志管理方法、装置及电子设备
CN104423990B (zh) 一种磁贴的更新方法和装置
CN105354067B (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
GR01 Patent grant
GR01 Patent grant