即实现上图这种效果,我只能做到旋转,但总是不在正确的位置,求大神贴个源码我参照一下(目标对象是文字,不是线条)
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 求差集那个函数有问题,有无佬可以解决