一、对Canvas进行操作

对Canvas的一系列操作,是指对Canvas进行旋转、平移、缩放等操作。

这些操作可以让Canvas对象使用起来更加便捷。

二、Canvas平移




/**          


                    * 画布向(100,50)方向平移          


                    *          


                    * 参数1: 向X轴方向移动100距离          


                    * 参数2: 向Y轴方向移动50距离          


                    */         


                    canvas.translate(          100          ,           50          );         



三、Canvas缩放

          /**          


                    * 画布向(100,50)方向平移          


                    *          


                    * 参数1: 向X轴方向移动100距离          


                    * 参数2: 向Y轴方向移动50距离          


                    */         


                    canvas.translate(          100          ,           50          );         




三、Canvas缩放
/**                   

                                      * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍                   

                                      * 参数1: X轴的放大倍数                   

                                      * 参数2: Y轴的放大倍数                   

                                      */                  

                   canvas.scale(                   2                   ,                    4                   );                  

                                      

                   /**                   

                                      * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍                   

                                      * 参数1: X轴的放大倍数                   

                                      * 参数2: Y轴的放大倍数                   

                                      * 参数3: 原点X坐标                  

                                      * 参数4: 原点Y坐标                  

                                      */                  

                   canvas.scale(                   2                   ,                    4                   ,                   100                   ,                   100                   );                  


四、Canvas旋转