karl1966的博客

原创 canvas图片旋转

移动canvas画布位置到（100,100），画一张图片，注意canvas的坐标是以左上角为中心点，向右下展开，水平方向为x轴，竖直方向为y轴。这里一定要注意，canvas的style的宽高，和canvas实例的宽高需要相同，否则创建出来的canvas内容会按比例转换，比如。按照代码来说，希望canvas移动到（100,100）的位置，并且创建一个50*50的方块，实际上创建的结果是这样的。canvas存在默认宽高，注意是canvas的实例宽高，默认300*150，不是style样式宽高，