[发明专利]一种canvas绘制动态二维场景的方法

摘要

本发明公开一种canvas绘制动态二维场景的方法，该方法具体包括下述步骤；步骤1：确定绘制原点center，设定center.X和center.Y；步骤2：利用JavaScript获取当前浏览器的文档宽度和高度所占像素大小，即宽度winWidth和高度winHeight，然后根据需要设置画布的宽高canvasWidth和canvasHeight；步骤3：将div作为canvas的父容器，通过动态的方式将canvas元素添加到div中；步骤4：设置多个画布，其中一个画布设置为可视画布_realCanvas，其他画布设置为不可视画布_notVisibleCanvas1、_notVisibleCanvas2,……_notVisibleCanvasN；本发明通过浏览器对canvas的技术支持，创造性的构造出可视画布和不可视画布，进行渲染，达到大大提升canvas绘图的浏览器性能，相对于现有的常见的绘图方式，渲染更流畅，交互性大大提升。