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

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 Matlab编程问题
  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
  • ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序
  • ¥15 onvif+openssl，vs2022编译openssl64
  • ¥15 iOS 自定义输入法-第三方输入法
  • ¥15 很想要一个很好的答案或提示
  • ¥15 扫描项目中发现AndroidOS.Agent、Android/SmsThief.LI!tr
  • ¥15 怀疑手机被监控，请问怎么解决和防止