Tag:control point

  • Use canvas to realize a big balloon for you


    1、 Background Recently, I’m making a special effect demand for balloon pendant. At this opportunity, I’d like to share with you how to use canvas and corresponding mathematical knowledge to construct a lifelike balloon. 2、 Realize Before implementing this seemingly round balloon, first understand its implementation ideas, which are mainly divided into the following parts: […]

  • Analysis of n-order Bezier curve with JavaScript


    Recently, I learned canvas and saw Bezier curve, so I added some knowledge. In addition, I forgot all the related mathematical laws~ What we need to know Early need to understand the relevant knowledge, you can see Wikipedia What is a Bezier curve? What is linear interpolation? draw Canvas itself only provides quadratic and cubic […]

  • Kotlin wave animation


    Learn kotlin and rearrange some of the previous knowledge First of all, for the operation that needs a lot of drawing, you can’t draw directly   Surfaceview can directly put the drawing work into the sub thread for operation. Otherwise, the drawing work will get stuck when it is increased. However, surfaceview is an independent […]

  • Front end small project: painting Doraemon with canvas


    Recently, when learning canvas elements, < canvas > tags are just graphic containers, and you must use js to draw graphics. In order to enhance the understanding of canvas elements, we draw a Doraemon with canvas Rendering to be realized Online preview In order to draw this Doraemon, we must first master the following functions: […]

  • Drawing a curve animation with canvas


    My GitHub blog address https://github.com/hujiulong/… preface In front-end development, Bessel curve is everywhere: It can be used to draw curves. In SVG and canvas, Bezier curve is used in the original curve drawing It can also be used to describe a slow motion algorithm to set thetransition-timing-functionProperty, Bezier curve can be used to describe the […]