避免绘制在canvas画布中的图形失真的方法和装置制造方法及图纸

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

Method and apparatus for avoiding graphic distortion in a canvas canvas

Embodiments of the present invention provide a method of avoiding graphical distortion in a canvas canvas. The method includes: calculating the total expansion ratio of Ratio canvas canvas, the total expansion ratio of Ratio said the same size when the size of the canvas logic and device independent pixels to canvas metric, the canvas canvas have on the screen and the number of pixels and pixel number memory ratio; logic set size the canvas canvas for its device independent pixels metric dimensions of the total expansion ratio of the product of Ratio. The size of the canvas to the canvas logic to measure device independent pixels and the size of the total expansion ratio of the product of Ratio, the method of the invention makes the zoom level of different devices, and / or different browsers, drawing on the canvas in the canvas graphics display distortion does not occur, to bring a better experience for users. In addition, embodiments of the present invention provide a medium, device, and computing device that avoids drawing distortion in a canvas canvas.

【技术实现步骤摘要】
避免绘制在canvas画布中的图形失真的方法和装置
本专利技术的实施方式涉及互联网领域，更具体地，本专利技术的实施方式涉及一种避免绘制在canvas画布中的图形失真的方法、介质、装置和计算设备。
技术介绍
本部分旨在为权利要求书中陈述的本专利技术的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。在网页实时生成图像中，canvas画布得到了非常广泛的应用。
技术实现思路
但是，现有技术中由于不同的设备的配置不同、对canvas画布进行存储的机制不同、和/或浏览器的缩放程度不同，常常会导致绘制到canvas画布上的图形出现失真现象，从而变得不清晰。因此在现有技术中，这是非常令人烦恼的过程。为此，非常需要一种改进的解决途径，以使绘制在canvas画布、上的图形在在不同的设备上、和/或不同的浏览器的缩放程度时，都能够清晰地显示图形，而不发生失真。在本上下文中，本专利技术的实施方式期望提供一种避免绘制在canvas画布中的图形失真的方法、介质、装置和计算设备。在本专利技术实施方式的第一方面中，提供了一种避免绘制在canvas画布中的图形失真的方法，该canvas画布在屏幕本文档来自技高网...

【技术保护点】
一种避免绘制在canvas画布中的图形失真的方法，所述canvas画布在屏幕上所占的像素数量与其以设备独立像素度量的尺寸成正比，所述canvas画布的内存像素数量与所述canvas画布的逻辑尺寸成正比，所述内存像素数量是用于保存所述canvas画布的像素信息的内存空间所对应的像素数量，所述方法包括：计算所述canvas画布的总伸缩比Ratio，所述总伸缩比Ratio表示当所述canvas画布的逻辑尺寸与其以设备独立像素度量的尺寸一致时，所述canvas画布在屏幕上所占的像素数量与其内存像素数量之比；设置所述canvas画布的逻辑尺寸为其以设备独立像素度量的尺寸与所述总伸缩比Ratio的乘积，以...

【技术特征摘要】
1.一种避免绘制在canvas画布中的图形失真的方法，所述canvas画布在屏幕上所占的像素数量与其以设备独立像素度量的尺寸成正比，所述canvas画布的内存像素数量与所述canvas画布的逻辑尺寸成正比，所述内存像素数量是用于保存所述canvas画布的像素信息的内存空间所对应的像素数量，所述方法包括：计算所述canvas画布的总伸缩比Ratio，所述总伸缩比Ratio表示当所述canvas画布的逻辑尺寸与其以设备独立像素度量的尺寸一致时，所述canvas画布在屏幕上所占的像素数量与其内存像素数量之比；设置所述canvas画布的逻辑尺寸为其以设备独立像素度量的尺寸与所述总伸缩比Ratio的乘积，以使绘制在所述canvas画布中的图形在屏幕上所占的像素数量与其内存像素数量相等。2.如权利要求1所述的方法，其中：所述总伸缩比Ratio＝设备独立像素比/缓存像素内存比，其中，所述设备独立像素比为所述canvas画布的设备像素与其设备独立像素之比，所述缓存像素内存比为所述canvas画布的内存像素数量与其逻辑尺寸之比。3.如权利要求2所述的方法，在计算所述canvas画布的总伸缩比Ratio之前，还包括：根据浏览器的当前状态，获取所述设备独立像素比。4.如权利要求1～3任意一项所述的方法，还包括：通过将图形的以设备独立像素度量的第一位置坐标和第一尺寸分别乘以所述总伸缩比Ratio获得第二位置坐标和第二尺寸；根据第二位置坐标和第二尺寸将所述图形绘制在所述canvas画布中。5.如权利要求4所述的方法，还包括：确定所述图形以设备独立像素度量的第一位置...

【专利技术属性】
技术研发人员：金玲，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江,33