Dragging/Moving shapes smoothly using Canvas 2d APIs

Did you ever write code to drag or move shapes using Canvas 2d APIs? If you did, then didn't you ever face a situation (an unexpected behaviour) when you drag or move a shape (e.g. circle, rectangle, image, Bezier cubic/quadratic curve, etc.)?
This post helps you write code to drag or move shapes as smoothly and accurately as possible using HTML5 Canvas 2d APIs.


http://muaz-khan.blogspot.com/2012/02/draggingmoving-shapes-smoothly-using_12.html
at

Curvature: HTML5 Canvas Curves Generator/Tool



I designed Curvature: a tool gives you full control over Bezier cubic/quadratic curves. This tool is under production.


http://muaz-khan.github.com/Curvature/ 


What is Curvature?

I’ll soon release updated version of this tool. Till that use this old version.

Features of this (old) version:
  • Lets you draw unlimited curves
  • Undo facility for unlimited curves
  • Generates code for you in relative/absolute coordinates


New version that I’ll release soon contains following features:
  • Drag whole curve smoothly
  • Drag whole drawing (all curves at a time) smoothly
  • Relative coordinates for each point (advanced!)
  • Alignment of the curves (for each point!)


And a lot more!

https://github.com/muaz-khan/Curvature
at
Subscribe to: Posts (Atom)