canvas-旋转

因为canvas在画过之后就不能再进行修改，多以要先运动最后在画。

function d2a(n){
  return Math.PI*n/180;
}
var oC = document.getElementById('c1');
var gd = oC.getContext('2d');
gd.translate(100+100,100+50);//移动到x加上矩形宽度一半
gd.rotate(d2a(45deg));
gd.strokeRect(-100,-50,200,100);//画的定位点是负宽度的一半，负高度一半，宽，高

这就实现了canvas上面的矩形沿中心点选择45度。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一起看画布Android Canvas
    版权声明：本文为博主原创文章，未经博主允许不得转载 前言 Canvas 本意是画布的意思,然而将它理解为绘制工具一...
    cc荣宣阅读 41,634评论 1赞 47
  • Android Canvas绘图详解
    Android中使用图形处理引擎，2D部分是android SDK内部自己提供，3D部分是用Open GL ES ...
    温暖的外星阅读 3,218评论 2赞 10
  • canvas笔记
    一：canvas简介 1.1什么是canvas？ ①：canvas是HTML5提供的一种新标签 ②：HTML5 ...
    GreenHand1阅读 4,719评论 2赞 32
  • 一瞬
    星辰如砂砾 撒在夜空的幕布上 如沙漏般 装进他眼睛的瓶子里 在重燃的渴求中 在无垠的沙漠里 他死了
    诗哲阅读 276评论 1赞 3
  • 艺术卡片第三张
    眼睛 章鱼 坚强 Lily是一个特别喜欢大海的女生，她的梦想就是以后努力工作，创业挣钱，买一个海边的房子，面朝大海...
    不贪睡的牛阅读 127评论 0赞 0