jiuchengwrong 2015-02-17 01:07 采纳率: 50%
浏览 7597

canvas如何原地绕文字中心旋转

图片说明

即实现上图这种效果,我只能做到旋转,但总是不在正确的位置,求大神贴个源码我参照一下(目标对象是文字,不是线条)

  • 写回答

2条回答 默认 最新

  • danielinbiti 2015-02-17 01:41
    关注
     <!DOCTYPE HTML>
    <html>
    <head><title>canvas</title><meta charset="utf-8" /></head>
    <body>
    <canvas id="canvas" width="600"height="400" style="border:1px solid black">   
             <p>Your browserdoes not support the canvas element!</p>   
    </canvas>   
    <script type="text/javascript">
    var endX=200;
    var endY=100;
    var end='11111111111111111111';
    var canvas =document.getElementById("canvas");   
    var ctx =canvas.getContext("2d");
    ctx.beginPath();
    
    ctx.fillStyle = "#000000";
    
    ctx.font = "52pt 楷体";
    ctx.textAlign = "center";
    ctx.fillText(this.end, endX, endY);
    
    ctx.save();
    ctx.translate(endX, endY);
    ctx.rotate(Math.PI/6);
    ctx.fillText("文字2", 0, 0);
    ctx.restore();
    </script>
    </body>
    </html>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决