Many css3 have added many attributes, and it is not as convenient as it was before during reading and writing. For example, <Div style =" Left: 100px "> </Div> If you only consider the line style, you only need Div. style. Left to obtain it. You only need Div. style. Left = '100px 'to set it. Very simple. But css3 is like: <Div style =" -WebKit-Transform: Translate(20px,-20px) "> </Div> what should I do? Scared... The setting is simple: div. style. webkittransform = 'translate (20px,-20px) 'follows the camper style. When getting the image: The Div. style. webkittransform value is the string 'translate (20px,-20px) '. How do I obtain the expected x and y values? No simple method was found for searching for half a day. Only string truncation or regular matching are supported. Write a regular expression to get the expected 20 and-20 Reg = /\-? [0-9] +/g match the negative number and number reg2 = /\-? [0-9] + \.? [0-9] */G may contain the decimal point and then match to search for the div. webkittransform. match (REG) // The result [20,-20] returns an array containing the x and y values. Likewise:-WebKit-Transform : Skew ( 20deg , -50deg ) ; /* Skew (skewed relative to the X axis and skewed relative to the Y axis )*/ -WebKit-Transform: Matrix(1,0.4,0,1,0,0); Various...
