用js图形库实现text的各种效果

需求是实现一个预览。由用户输入一串文字。一个方框里面，对文字的位置，旋转角度和大小进行预览。分别是往左，往右，往上，往下四个操作移位。文字可以360旋转，大小可以从0到100%,100%就是顶住框。所有的操作都不能超过这个框的范围。应该如何实现呢？最好可以给出一段示例代码，感激不尽。