weixin_44379194
weixin_44379194
2020-04-04 19:04
采纳率: 66.7%
浏览 315

canvas 如何实现 画旋转文字

如图 怎么把1 实现成2

<!DOCTYPE html>


Your browser does not support the HTML5 canvas tag.

var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font = '20px sans-serif';//字体大小也会影响的哦。 ctx.fillStyle = "red"; ctx.translate(60,400);//其实这步是这重要的,定好中心点好,旋转起来就剪刀了 ctx.rotate( 30* Math.PI/180);//我这步最后操作,等你中心点定好,移动到你自己想要的位置,再调角度 ctx.fillText('汉',0,0); ctx.fillText('问',20,0); ctx.restore();


图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

相关推荐