An example tutorial on graphic distortion

Several deformations in HTML5 There are several deformation methods in HTML5: scale() rotate() rotate translate() translate transform() matrix deformation setTransform() reset matrix. These methods are all for the picture. It can complete the following processing, but if you want to achieve the irregular deformation below, it will not work for us step by step. Let's look at these methods of HTML5 first. 1. The zoom method is as follows & lt;! Doctype html & gt; & lt; canvas id = "mycanvas" width = "800" height = "280" & gt; & lt;/canvas & gt;