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个回答

weixin_44379194
weixin_44379194 谢谢 大佬
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐