CN106227709A - 细线绘制方法、装置及终端 - Google Patents
细线绘制方法、装置及终端 Download PDFInfo
- Publication number
- CN106227709A CN106227709A CN201610556268.2A CN201610556268A CN106227709A CN 106227709 A CN106227709 A CN 106227709A CN 201610556268 A CN201610556268 A CN 201610556268A CN 106227709 A CN106227709 A CN 106227709A
- Authority
- CN
- China
- Prior art keywords
- pixel
- line
- width
- background image
- rendered object
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
-
- 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
Abstract
本公开是关于一种细线绘制方法、装置及终端,该方法包括:获取待绘制对象;确定待绘制对象的类型;获取待绘制对象的类型与当前终端对应的调整策略;根据调整策略,对待绘制对象调整,以使待绘制对象的线宽度为与当前终端对应的宽度。可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
Description
技术领域
本公开涉及终端技术领域,尤其涉及细线绘制方法、装置及终端。
背景技术
随着的终端的应用和发展,各种应用程序可以应用在终端上,同时终端上可以显示各类网站的网页。在网页的界面以及各种应用程序的界面上,需要绘制出很多的线条。
相关技术中,可以采用应用超文本标记语言的第五次重大修改(HTML5,简称html5)方法绘制界面的线条。
然而现有技术中,由于各类终端具有不同的分辨率以及像素比,并且各类终端的像素均较大,从而在采用html5绘制出的界面的线条,显示在各类终端上之后都会比初始绘制出来的时候粗;例如,由于各类终端的像素均大于3像素(Pixel,简称px),采用html5绘制出的1像素宽的线条之后,显示在各类终端上的时候,显示出的线条的宽度会大于等于3像素。各类终端上显示出的线条,都会比初始绘制出来的时候粗,从而会产生遮挡、显示不全等问题,进而影响到用户的体验。
发明内容
为克服相关技术中存在的问题,本公开提供一种细线绘制方法、装置及终端,用于解决各类终端上显示出的线条,都会比初始绘制出来的时候粗,从而会产生遮挡、显示不全等问题,进而影响到用户的体验的问题。
根据本公开实施例的第一方面,提供一种细线绘制方法,包括:
获取待绘制对象;
确定所述待绘制对象的类型;
获取所述待绘制对象的类型与当前终端对应的调整策略;根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
进一步地,所述待绘制对象为背景图像;
相应的,所述确定所述待绘制对象的类型,包括:
确定所述待绘制对象的类型为不闭合线类型;
所述获取所述待绘制对象的类型与当前终端对应的调整策略,包括:
获取与不闭合线类型与当前终端对应的调整策略;
所述根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度,包括:
将所述背景图像的高度设置为m像素;
沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
进一步地,在所述沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,还包括:
将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
进一步地,在所述沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,还包括:
将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
进一步地,所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;
相应的,所述确定所述待绘制对象的类型,包括:
确定所述待绘制对象的类型为闭合线类型;
所述获取所述待绘制对象的类型与当前终端对应的调整策略,包括:
获取与闭合线类型与当前终端对应的调整策略;
所述根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度,包括:
获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;
将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
进一步地,在所述将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,还包括:
将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
进一步地,m像素为1像素,n为3。
本公开的实施例提供的技术方案可以包括以下有益效果:本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
根据本公开实施例的第二方面,提供一种细线绘制装置,包括:
第一获取模块,被配置为获取待绘制对象;
确定模块,被配置为确定所述待绘制对象的类型;
第二获取模块,被配置为获取所述待绘制对象的类型与当前终端对应的调整策略;
调整模块,被配置为根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
进一步地,所述待绘制对象为背景图像;相应的,所述确定模块,被具体配置为:
确定所述待绘制对象的类型为不闭合线类型;
所述第二获取模块,被具体配置为:
获取与不闭合线类型与当前终端对应的调整策略;
所述调整模块,被具体配置为:
将所述背景图像的高度设置为m像素;
沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
进一步地,所述装置还包括:
旋转模块,被配置为在所述调整模块沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
进一步地,所述装置还包括:
扭曲模块,被配置为在所述调整模块沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
进一步地,所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;相应的,所述确定模块,被具体配置为:
确定所述待绘制对象的类型为闭合线类型;
所述第二获取模块,被具体配置为:
获取与闭合线类型与当前终端对应的调整策略;
所述调整模块,被具体配置为:
获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;
将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
进一步地,所述装置还包括:
变形模块,被配置为在所述调整模块将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
进一步地,m像素为1像素,n为3。
本公开的实施例提供的技术方案可以包括以下有益效果:本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
根据本公开实施例的第三方面,提供一种终端,包括:
处理器,用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待绘制对象;确定所述待绘制对象的类型;获取所述待绘制对象的类型与当前终端对应的调整策略;根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
本公开的实施例提供的技术方案可以包括以下有益效果:本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1是根据一示例性实施例示出的一种细线绘制方法实施例一的流程图;
图2是根据一示例性实施例示出的一种细线绘制方法实施例二的流程图;
图3是根据一示例性实施例示出的一种细线绘制方法实施例三的流程图;
图4是根据一示例性实施例示出的一种细线绘制装置实施例四的框图;
图5是根据一示例性实施例示出的一种细线绘制装置实施例五的框图;
图6是根据一示例性实施例示出的一种细线绘制装置实施例六的框图;
图7是根据一示例性实施例示出的一种终端的实体的框图;
图8是根据一示例性实施例示出的一种终端设备800的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种细线绘制方法实施例一的流程图,如图1所示,该方法主要是用在终端中,该终端包括移动终端、个人终端等等,例如触屏手机、平板电脑、个人电脑等,该细线绘制方法包括以下步骤。
在步骤S11中,获取待绘制对象。
其中,所述待绘制对象为背景图像,或者,所述待绘制对象为闭合线。
在本步骤中,在各类网站的网页,以及各类应用程序的界面上,需要用到线条,例如水平直线、竖直直线、闭合型细线等等。
在需要在界面上显示不闭合直线的时候,需要获取背景图像作为待绘制对象;在需要在界面上显示闭合线的时候,需要获取闭合线为待绘制对象。
举例来说,对于一个应用于移动终端的应用程序,需要在该应用程序的界面上显示出较细直线,此时需要采用背景图像作为绘制直线的依据,从而需要获取背景图像。
再举例来说,对于一个应用于移动终端的应用程序,需要在该应用程序的界面上显示出较细的闭合矩形,此时需要采用初始的闭合矩形作为绘制直线的依据,从而需要获取闭合矩形。
在步骤S12中,确定所述待绘制对象的类型。
在本步骤中,可以根据获取的待绘制对象确定出待绘制对象的类型,其中,若待绘制对象为背景图像,则待绘制对象的类型为不闭合线类型;若待绘制对象为闭合线,则待绘制对象的类型为闭合线类型。
在步骤S13中,获取所述待绘制对象的类型与当前终端对应的调整策略。
在本步骤中,不同的待绘制对象的类型对应不同的调整策略,进而需要获取待绘制对象的类型与当前终端对应的调整策略。当确定所述待绘制对象的类型为不闭合线类型,则获取与不闭合线类型与当前终端对应的调整策略;当确定所述待绘制对象的类型为闭合线类型,则获取与闭合线类型与当前终端对应的调整策略。
在步骤S14中,根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
步骤S14具有两种实现方式:
步骤S14的第一种具体实现方式为:所述待绘制对象为背景图像,则将所述背景图像的高度设置为m像素;沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
步骤S14的第二种具体实现方式为:所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;则获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
在本步骤中,由于不同的终端具有不同的像素比和分辨率,同样像素的线条显示在不同的终端上会有不同的视觉宽度,需要将线条的线宽度降低,使得终端显示出的线条较细。从而指定了预设的与当前终端对应的调整策略,就可以根据预设的与当前终端对应的调整策略,对待绘制对象调整,从而使得待绘制对象的线宽度为与当前终端对应的宽度。
具体来说,在需要在界面上显示不闭合直线的时候,获取背景图像作为待绘制对象,然后将背景图像的高度设置为m像素,而背景图像的长度不做限定,背景图像的长度根据实际情况而设定。再沿着背景图像的高度方向,将背景图像的1/n设置为纯色,同时将背景图像的(n-1)/n设置为透明色;此时,可以将背景图像的顶端设置为纯色,纯色区域占整个背景图像的1/n,然后将背景图像的其余部分设置为透明色;也可以将背景图像的底端设置为纯色,纯色区域占整个背景图像的1/n,然后将背景图像的其余部分设置为透明色;也可以将背景图像的中部设置为纯色,纯色区域占整个背景图像的1/n,然后将背景图像的其余部分设置为透明色;其中,m、n都为正整数。从而此时,背景图像的宽度被调整为了m/n像素,可以将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线。其中,m的取值根据线条的需求而设定,n的取值根据终端的最小像素而设定,例如,m、n的取值可以为m像素为1像素,n为3。
举例来说,一个终端的最小像素为3像素,从而线宽度为1像素的线显示在该终端上的时候,会显示为线宽度为3像素的线;在该终端上显示出线宽度为1像素的线的时候,首先获取一个高度为1像素的背景图像,此时背景图像可以为水平设置,背景图像的长度根据实际情况而设定;然后,沿着背景图像的高度方向,将背景图像中部设置为纯色,具体颜色根据实际需求而设定,并且纯色区域为整个背景图像的1/3;同时将背景图像的剩余部分都设置为透明色,从而背景图像的2/3设置为透明色,从而将背景图像的宽度调整为1/3像素,宽度为1/3像素的背景图像就可以作为线宽度为1/3像素的水平直线。其中,这个例子可以采用html5方法的代码进行实现,这个例子的实现代码为:
其中,background-image:linear-gradient(0deg,transparent,transparent67%,#d3d3d3 67%)代表了将高度为1像素的背景图像的33%设置为纯色,将67%设置为透明色;background-size:100%1px代表了背景图像的长度和高度;background-repeat:no-repeat代表了不重复调整线宽度;background-position:top代表了将背景图像置顶。
再举例来说,一个终端的最小像素为4像素,从而线宽度为1像素的线显示在该终端上的时候,会显示为线宽度为4像素的线;在该终端上显示出线宽度为1像素的线的时候,首先获取一个高度为1像素的背景图像,此时背景图像可以为竖直设置,背景图像的长度根据实际情况而设定;然后,沿着背景图像的高度方向,将背景图像上端设置为纯色,具体颜色根据实际需求而设定,并且纯色区域为整个背景图像的1/4;同时将背景图像的剩余部分都设置为透明色,从而背景图像的3/4设置为透明色,从而将背景图像的宽度调整为1/4像素,宽度为1/4像素的背景图像就可以作为线宽度为1/4像素的竖直直线。
或者,在需要在界面上显示闭合线的时候,需要获取闭合线为待绘制对象。此时,闭合线的线宽度为m像素,而闭合线的具体形状根据实际需求而设定。首先,需要确定出与闭合线对应的形状,例如,闭合线为矩形边框,从而与闭合线对应的形状为矩形;同时,与闭合线对应的形状是没有它自己的边框的,而与闭合线对应的形状的里面可以其他信息,例如与闭合线对应的形状的里面可以设置有颜色、或者设置有文字、或者设置有图案等等;先将与闭合线对应的形状的尺寸扩大n倍,同时,闭合线的线宽度是不变的,闭合线的线宽度依然是m像素;然后将尺寸扩大n倍之后的形状的尺寸缩小到1/n,同时将闭合线的线宽度缩小到1/n;从而与闭合线对应的形状的尺寸最终不变,在扩大和缩小到的过程之后,线宽度为m像素的闭合线会被调整为线宽度为m/n像素的闭合线。其中,m的取值根据线条的需求而设定,n的取值根据终端的最小像素而设定,例如,m、n的取值可以为m像素为1像素,n为3。
举例来说,一个终端的最小像素为3像素,从而线宽度为1像素的线显示在该终端上的时候,会显示为线宽度为3像素的线;在该终端上显示出线宽度为1像素的闭合线的时候,首先由于线宽度为1像素的闭合线与一个形状对应,这个形状为矩形,矩形的尺寸与闭合线的尺寸是相对应的;可以首先将矩形的尺寸扩大到之前的3倍,此时需要保持闭合线的线宽度不变;然后同时将尺寸扩大了3倍之后的矩形的尺寸、以及闭合线的线宽度缩小到1/3;此时,矩形的尺寸被调整为最初的尺寸,而闭合的线宽度从1像素被调整为了1/3像素。其中,这个例子可以采用html5方法的代码进行实现,这个例子的实现代码为:
border:1px solid#d3d3d3;
width:calc(300%);
height:calc(300%);
border-radius:1px;
-webkit-transform:scale(0.3333);
-webkit-transform-origin:0 0;
或者,这个例子的实现代码为:
border:1px solid#d3d3d3;
width:calc(300%);
height:calc(300%);
border-radius:1px;
transform:scale(0.3333);
transform-origin:0 0;
其中,border:1px solid#d3d3d3代表了闭合线的颜色;width:calc(300%)、height:calc(300%)代表了矩形的尺寸;border-radius:1px代表了闭合线的线宽度为1像素;-webkit-transform:scale(0.3333)、transform:scale(0.3333)代表了将矩形和闭合线缩小到0.3333;-webkit-transform-origin:0 0、transform-origin:0 0代表了将矩形和闭合线对齐。
再举例来说,一个终端的最小像素为3像素,从而线宽度为2像素的线显示在该终端上的时候,会显示为线宽度为6像素的线;在该终端上显示出线宽度为2像素的闭合线的时候,首先由于线宽度为2像素的闭合线与一个形状对应,这个形状为圆形,圆形的尺寸与闭合线的尺寸是相对应的;可以首先将圆形的尺寸扩大到之前的3倍,此时需要保持闭合线的线宽度不变;然后同时将尺寸扩大了3倍之后的圆形的尺寸、以及闭合线的线宽度缩小到1/3;此时,圆形的尺寸被调整为最初的尺寸,而闭合的线宽度从2像素被调整为了2/3像素。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
在上述图1所示的实施例的基础上,图2是根据一示例性实施例示出的一种细线绘制方法实施例二的流程图,如图2所示,在步骤14为步骤S14的第一种具体实现方式时,在步骤S14之后,还包括以下步骤:
在步骤S21中,将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线;或者,将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
在本步骤中,在将背景图像的宽度调整为m/n像素之后,就可以将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,此时为水平或竖直的直线。然后就可以将线宽度为m/n像素的直线进行旋转处理,旋转的角度根据实际需求而设定,从而将线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
举例来说,得到线宽度为1/3像素的水平直线之后,可以将线宽度为1/3像素的水平直线旋转30度,从而得到一条线宽度为1/3像素的斜线。
或者,在将背景图像的宽度调整为m/n像素之后,就可以将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,此时为水平或竖直的直线。然后就可以将线宽度为m/n像素的直线进行扭曲处理,扭曲的形态根据实际需求而设定,从而将线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
举例来说,得到线宽度为1/3像素的竖直直线之后,可以将线宽度为1/3像素的竖直直线进行扭曲,将其调整为一条线宽度为1/3像素的曲线。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线,其中,m、n为正整数;然后将线宽度为m/n像素的直线进行旋转或者扭曲,进而得到线宽度为m/n像素的斜线或曲线。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
在上述图1所示的实施例的基础上,图3是根据一示例性实施例示出的一种细线绘制方法实施例三的流程图,如图3所示,在步骤14为步骤S14的第二种具体实现方式时,在步骤S14之后,还包括以下步骤:
在步骤S31中,将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
在本步骤中,在将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,可以将线宽度为m/n像素的闭合线进行变形处理,变形的具体形态根据实际需求而设定,从而将线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
举例来说,在得到了线宽度为1/3像素的闭合线之后,可以将线宽度为1/3像素的闭合线进行扭曲,从而调整为线宽度为1/3像素的闭合曲线;
再举例来说,在得到了线宽度为1/3像素的闭合线之后,可以将线宽度为1/3像素的闭合线进行旋转,从而调整为线宽度为1/3像素的旋转后的闭合线。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数;然后将线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
图4是根据一示例性实施例示出的一种细线绘制装置实施例四的框图。参照图4,该装置包括:
第一获取模块41、确定模块42、第二获取模块43和调整模块44。
该第一获取模块41,被配置为获取待绘制对象;
该确定模块42,被配置为确定所述待绘制对象的类型;
该第二获取模块43,被配置为获取所述待绘制对象的类型与当前终端对应的调整策略;
该调整模块44,被配置为根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
所述待绘制对象为背景图像;相应的,所述确定模块42,被具体配置为:确定所述待绘制对象的类型为不闭合线类型;
所述第二获取模块43,被具体配置为:获取与不闭合线类型与当前终端对应的调整策略;
所述调整模块44,被具体配置为:
将所述背景图像的高度设置为m像素;
沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;相应的,所述确定模块42,被具体配置为:确定所述待绘制对象的类型为闭合线类型;
所述第二获取模块43,被具体配置为:获取与闭合线类型与当前终端对应的调整策略;
所述调整模块44,被具体配置为:
获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;
将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
其中,m像素为1像素,n为3。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例一中进行了详细描述,此处将不做详细阐述说明。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
在上述图4所示的实施例的基础上,图5是根据一示例性实施例示出的一种细线绘制装置实施例五的框图。参照图5,该装置还包括:
旋转模块51,被配置为在所述调整模块44沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
或者,所述装置还包括:
扭曲模块52,被配置为在所述调整模块44沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例二中进行了详细描述,此处将不做详细阐述说明。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线,其中,m、n为正整数;然后将线宽度为m/n像素的直线进行旋转或者扭曲,进而得到线宽度为m/n像素的斜线或曲线。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
在上述图4所示的实施例的基础上,图6是根据一示例性实施例示出的一种细线绘制装置实施例六的框图。参照图6,该装置还包括:
变形模块61,被配置为在所述调整模块44将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例三中进行了详细描述,此处将不做详细阐述说明。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数;然后将线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
图7是根据一示例性实施例示出的一种终端的实体的框图。参照图7,该终端可以具体实现为:处理器71,以及被配置为存储处理器可执行指令的存储器72;
其中,所述处理器71被配置为:获取待绘制对象;确定所述待绘制对象的类型;获取所述待绘制对象的类型与当前终端对应的调整策略;根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
在上述实施例中,应理解,该处理器可以是中央处理单元(英文:CentralProcessing Unit,简称:CPU),还可以是其他通用处理器、数字信号处理器(英文:DigitalSignal Processor,简称:DSP)、专用集成电路(英文:Application Specific IntegratedCircuit,简称:ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等,而前述的存储器可以是只读存储器(英文:read-only memory,缩写:ROM)、随机存取存储器(英文:random access memory,简称:RAM)、快闪存储器、硬盘或者固态硬盘。SIM卡也称为用户身份识别卡、智能卡,数字移动电话机必须装上此卡方能使用。即在电脑芯片上存储了数字移动电话客户的信息,加密的密钥以及用户的电话簿等内容。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
关于上述实施例中的终端,其中各个模块执行操作的具体方式已经在有关该方法和装置的实施例中进行了详细描述,此处将不做详细阐述说明。
本实施例通过获取待绘制对象,并确定待绘制对象的类型,然后获取到待绘制对象的类型与当前终端对应的调整策略,从而根据调整策略对待绘制对象进行调整,以使待绘制对象的线宽度为与当前终端对应的宽度;可以在待绘制对象为背景图像时,将背景图像的1/n设置为纯色,并将背景图像的(n-1)/n设置为透明色,从而将宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,进而绘制出较细的直线;可以在待绘制对象为闭合线时,首先将与闭合线对应的形状的尺寸扩大n倍,再将尺寸扩大n倍之后的形状的尺寸,以及闭合线的线宽度缩小到1/n,从而将线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。提供了一种采用html5方法去绘制细线的方法,可以在具有不同分辨率以及像素比的终端上显示出很细的线条,例如显示出1像素的细线,解决了具有较大像素的终端会显示出较粗的线条的问题,避免了较粗的线条带来的遮挡、显示不全等问题,提高了用户的体验;同时本方法通过html5的CSS3属性绘制出的细线,与native方法实现出的细线的效果相同,本方法绘制出的细线可以应用在网页制作,以及各类应用程序的界面制作上,可以增强用户界面的显示效果。
图8是根据一示例性实施例示出的一种终端设备800的框图。例如,终端设备800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图8,终端设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制终端设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理组件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在终端设备800的操作。这些数据的示例包括用于在终端设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为终端设备800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为终端设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在所述终端设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当终端设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当终端设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为终端设备800提供各个方面的状态评估。例如,传感器组件814可以检测到终端设备800的打开/关闭状态,组件的相对定位,例如所述组件为终端设备800的显示器和小键盘,传感器组件814还可以检测终端设备800或终端设备800一个组件的位置改变,用户与终端设备800接触的存在或不存在,终端设备800方位或加速/减速和终端设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于终端设备800和其他设备之间有线或无线方式的通信。终端设备800可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,终端设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由终端设备800的处理器820执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种细线绘制方法,所述方法包括:
获取待绘制对象;
确定所述待绘制对象的类型;
获取所述待绘制对象的类型与当前终端对应的调整策略;
根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
Claims (15)
1.一种细线绘制方法,其特征在于,包括:
获取待绘制对象;
确定所述待绘制对象的类型;
获取所述待绘制对象的类型与当前终端对应的调整策略;
根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
2.根据权利要求1所述的方法,其特征在于,所述待绘制对象为背景图像;
相应的,所述确定所述待绘制对象的类型,包括:
确定所述待绘制对象的类型为不闭合线类型;
所述获取所述待绘制对象的类型与当前终端对应的调整策略,包括:
获取与不闭合线类型与当前终端对应的调整策略;
所述根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度,包括:
将所述背景图像的高度设置为m像素;
沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
3.根据权利要求2所述的方法,其特征在于,在所述沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,还包括:
将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
4.根据权利要求2所述的方法,其特征在于,在所述沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,还包括:
将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
5.根据权利要求1所述的方法,其特征在于,所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;
相应的,所述确定所述待绘制对象的类型,包括:
确定所述待绘制对象的类型为闭合线类型;
所述获取所述待绘制对象的类型与当前终端对应的调整策略,包括:
获取与闭合线类型与当前终端对应的调整策略;
所述根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度,包括:
获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;
将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
6.根据权利要求5所述的方法,其特征在于,在所述将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,还包括:
将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
7.根据权利要求2-6任一项所述的方法,其特征在于,m像素为1像素,n为3。
8.一种细线绘制装置,其特征在于,包括:
第一获取模块,被配置为获取待绘制对象;
确定模块,被配置为确定所述待绘制对象的类型;
第二获取模块,被配置为获取所述待绘制对象的类型与当前终端对应的调整策略;
调整模块,被配置为根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
9.根据权利要求8所述的装置,其特征在于,所述待绘制对象为背景图像;
相应的,所述确定模块,被具体配置为:
确定所述待绘制对象的类型为不闭合线类型;
所述第二获取模块,被具体配置为:
获取与不闭合线类型与当前终端对应的调整策略;
所述调整模块,被具体配置为:
将所述背景图像的高度设置为m像素;
沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线,其中,m、n为正整数。
10.根据权利要求9所述的装置,其特征在于,所述装置还包括:
旋转模块,被配置为在所述调整模块沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行旋转处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的斜线。
11.根据权利要求9所述的装置,其特征在于,所述装置还包括:
扭曲模块,被配置为在所述调整模块沿着所述背景图像的高度方向,将所述背景图像的1/n设置为纯色,并将所述背景图像的(n-1)/n设置为透明色,以将所述背景图像的宽度调整为m/n像素,以使宽度为m/n像素的背景图像作为线宽度为m/n像素的直线之后,将所述线宽度为m/n像素的直线进行扭曲处理,以将所述线宽度为m/n像素的直线调整为线宽度为m/n像素的曲线。
12.根据权利要求8所述的装置,其特征在于,所述待绘制对象为闭合线,所述闭合线的线宽度为m像素;
相应的,所述确定模块,被具体配置为:
确定所述待绘制对象的类型为闭合线类型;
所述第二获取模块,被具体配置为:
获取与闭合线类型与当前终端对应的调整策略;
所述调整模块,被具体配置为:
获取与所述闭合线对应的形状,并将所述形状的尺寸扩大n倍;
将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线,其中,m、n为正整数。
13.根据权利要求12所述的装置,其特征在于,所述装置还包括:
变形模块,被配置为在所述调整模块将尺寸扩大n倍之后的形状的尺寸,以及所述闭合线的线宽度缩小到1/n,以使线宽度为m像素的闭合线调整为线宽度为m/n像素的闭合线之后,将所述线宽度为m/n像素的闭合线进行变形处理,以将所述线宽度为m/n像素的闭合线调整为线宽度为m/n像素的变形闭合线。
14.根据权利要求9-13任一项所述的装置,其特征在于,m像素为1像素,n为3。
15.一种终端,其特征在于,包括:
处理器,用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待绘制对象;确定所述待绘制对象的类型;获取所述待绘制对象的类型与当前终端对应的调整策略;根据所述调整策略,对所述待绘制对象调整,以使所述待绘制对象的线宽度为与当前终端对应的宽度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610556268.2A CN106227709B (zh) | 2016-07-14 | 2016-07-14 | 细线绘制方法、装置及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610556268.2A CN106227709B (zh) | 2016-07-14 | 2016-07-14 | 细线绘制方法、装置及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106227709A true CN106227709A (zh) | 2016-12-14 |
CN106227709B CN106227709B (zh) | 2019-03-29 |
Family
ID=57520047
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610556268.2A Active CN106227709B (zh) | 2016-07-14 | 2016-07-14 | 细线绘制方法、装置及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106227709B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100325529A1 (en) * | 2009-06-19 | 2010-12-23 | Microsoft Corporation | Resizing an Editable Area in a Web Page |
CN103098099A (zh) * | 2011-05-25 | 2013-05-08 | 史克威尔·艾尼克斯控股公司 | 绘制控制设备及其控制方法、记录介质、绘制服务器和绘制系统 |
CN104539876A (zh) * | 2015-01-07 | 2015-04-22 | 云南电网公司西双版纳供电局 | 一种绘制实时视频警戒线反走样的处理设备及处理方法 |
CN105373790A (zh) * | 2015-10-23 | 2016-03-02 | 北京汉王数字科技有限公司 | 版面分析方法和装置 |
CN105513110A (zh) * | 2016-01-11 | 2016-04-20 | 南京师范大学 | 基于gpu的宽度渐变线型地图符号绘制方法 |
-
2016
- 2016-07-14 CN CN201610556268.2A patent/CN106227709B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100325529A1 (en) * | 2009-06-19 | 2010-12-23 | Microsoft Corporation | Resizing an Editable Area in a Web Page |
CN103098099A (zh) * | 2011-05-25 | 2013-05-08 | 史克威尔·艾尼克斯控股公司 | 绘制控制设备及其控制方法、记录介质、绘制服务器和绘制系统 |
CN104539876A (zh) * | 2015-01-07 | 2015-04-22 | 云南电网公司西双版纳供电局 | 一种绘制实时视频警戒线反走样的处理设备及处理方法 |
CN105373790A (zh) * | 2015-10-23 | 2016-03-02 | 北京汉王数字科技有限公司 | 版面分析方法和装置 |
CN105513110A (zh) * | 2016-01-11 | 2016-04-20 | 南京师范大学 | 基于gpu的宽度渐变线型地图符号绘制方法 |
Non-Patent Citations (2)
Title |
---|
佚名: "html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色_端点_交汇点_html5教程技巧", 《脚本之家》 * |
江修 等: "三像素宽反走样直线的绘制算法研究", 《南京航空航天大学学报》 * |
Also Published As
Publication number | Publication date |
---|---|
CN106227709B (zh) | 2019-03-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106572303A (zh) | 一种图片处理方法及终端 | |
CN107977659A (zh) | 一种文字识别方法、装置及电子设备 | |
CN104484858B (zh) | 人物图像处理方法及装置 | |
CN107527059A (zh) | 文字识别方法、装置及终端 | |
CN105528600A (zh) | 区域识别方法及装置 | |
CN107231505B (zh) | 图像处理方法及装置 | |
CN106791416A (zh) | 一种背景虚化的拍摄方法及终端 | |
CN106534963A (zh) | 直播处理方法、装置及终端 | |
CN110062157B (zh) | 渲染图像的方法、装置、电子设备和计算机可读存储介质 | |
CN106599758A (zh) | 一种画质处理方法及终端 | |
CN105357444B (zh) | 对焦方法和装置 | |
CN106339695A (zh) | 人脸相似检测方法、装置及终端 | |
CN107958223A (zh) | 人脸识别方法及装置、移动设备、计算机可读存储介质 | |
CN111914693A (zh) | 一种人脸姿态调整方法、系统、装置、设备及介质 | |
CN106503682A (zh) | 视频数据中的关键点定位方法及装置 | |
CN104484867A (zh) | 图片处理方法及装置 | |
US8983227B2 (en) | Perspective correction using a reflection | |
CN107219989A (zh) | 图标处理方法、装置及终端 | |
CN104899588B (zh) | 识别图像中的字符的方法及装置 | |
CN107133361A (zh) | 手势识别方法、装置和终端设备 | |
CN106383899A (zh) | 服务推荐方法、装置及终端 | |
CN109086752A (zh) | 人脸识别方法、装置、电子设备及存储介质 | |
CN105426904A (zh) | 照片处理方法、装置和设备 | |
CN106775548B (zh) | 页面处理方法及装置 | |
CN104599236A (zh) | 一种图像校正的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | 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 |