[发明专利]避免绘制在canvas画布中的图形失真的方法和装置

说明书

本发明的实施方式提供了一种避免绘制在canvas画布中的图形失真的方法。该方法包括：计算所述canvas画布的总伸缩比Ratio，所述总伸缩比Ratio表示当所述canvas画布的逻辑尺寸与其以设备独立像素度量的尺寸一致时，所述canvas画布在屏幕上所占的像素数量与其内存像素数量之比；设置所述canvas画布的逻辑尺寸为其以设备独立像素度量的尺寸与所述总伸缩比Ratio的乘积。通过使canvas画布的逻辑尺寸为其以设备独立像素度量的尺寸与所述总伸缩比Ratio的乘积，本发明的方法使得在不同的设备上、和/或不同的浏览器的缩放程度时，绘制在canvas画布上的图形都不会发生显示失真，为用户带来了更好的体验。此外，本发明的实施方式提供了一种避免绘制在canvas画布中的图形失真的介质、装置和计算设备。

技术领域

本发明的实施方式涉及互联网领域，更具体地，本发明的实施方式涉及一种避免绘制在canvas画布中的图形失真的方法、介质、装置和计算设备。

背景技术

本部分旨在为权利要求书中陈述的本发明的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

在网页实时生成图像中，canvas画布得到了非常广泛的应用。

发明内容

但是，现有技术中由于不同的设备的配置不同、对canvas画布进行存储的机制不同、和/或浏览器的缩放程度不同，常常会导致绘制到canvas画布上的图形出现失真现象，从而变得不清晰。

因此在现有技术中，这是非常令人烦恼的过程。

为此，非常需要一种改进的解决途径，以使绘制在canvas画布、上的图形在在不同的设备上、和/或不同的浏览器的缩放程度时，都能够清晰地显示图形，而不发生失真。

在本上下文中，本发明的实施方式期望提供一种避免绘制在canvas画布中的图形失真的方法、介质、装置和计算设备。

在本发明实施方式的第一方面中，提供了一种避免绘制在canvas画布中的图形失真的方法，该canvas画布在屏幕上所占的像素数量与其以设备独立像素度量的尺寸成正比，该canvas画布的内存像素数量与该canvas画布的逻辑尺寸成正比，该内存像素数量是用于保存该canvas画布的像素信息的内存空间所对应的像素数量，该方法包括：计算该canvas画布的总伸缩比Ratio，该总伸缩比Ratio表示当该canvas画布的逻辑尺寸与其以设备独立像素度量的尺寸一致时，该canvas画布在屏幕上所占的像素数量与其内存像素数量之比；设置该canvas画布的逻辑尺寸为其以设备独立像素度量的尺寸与该总伸缩比Ratio的乘积，以使绘制在该canvas画布中的图形在屏幕上所占的像素数量与其内存像素数量相等。

在本发明的一个实施例中，该总伸缩比Ratio＝设备独立像素比/缓存像素内存比，其中，该设备独立像素比为该canvas画布的设备像素与其设备独立像素之比，该缓存像素内存比为该canvas画布的内存像素数量与其逻辑尺寸之比。

在本发明的另一实施例中，在计算该canvas画布的总伸缩比Ratio之前，还包括根据浏览器的当前状态，获取该设备独立像素比。

在本发明的又一个实施例中，该方法还包括：通过将图形的以设备独立像素度量的第一位置坐标和第一尺寸分别乘以该总伸缩比Ratio获得第二位置坐标和第二尺寸；根据第二位置坐标和第二尺寸将该图形绘制在该canvas画布中。

在本发明的再一个实施例中，该方法还包括：确定该图形以设备独立像素度量的第一位置坐标和第一尺寸。

在本发明实施方式的第二方面中，提供了一种计算机可读存储介质，其上存储有可执行指令，该指令在被处理器执行时使处理器执行上述的避免绘制在canvas画布中的图形失真的方法。