Pinch/pucker an image in canvas
问题 How can I pinch/pucker some area of an image in canvas? I've made a solar system animation some time ago, and I started rewriting it. Now, I want to add gravity effect to masses. To make the effect visible, I turned the background into a grid and I'll be modifying it. Desired effect is something like this (made in PS) context.background("rgb(120,130,145)"); context.grid(25, "rgba(255,255,255,.1)"); var sun = { fill : "rgb(220,210,120)", radius : 30, boundingBox : 30*2 + 3*2, position : { x :