回到首页
个人中心
反馈问题
注册登录
下载APP
代码
提交代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>慕课网Wiki</title> <style> #imooc{ border:1px solid #ccc; } </style> </head> <body> <canvas id="imooc">您的浏览器不支持 HTML5 canvas 标签</canvas> <script> const canvas = document.getElementById('imooc'); const ctx = canvas.getContext('2d'); ctx.font="20px 微软雅黑" ctx.textAlign = "left" //设置绘制文本的给定点为文本左侧 ctx.fillText("慕课Wiki", 150, 30) ctx.textAlign = "center" //设置绘制文本的给定点为文本中间 ctx.fillText("慕课Wiki", 150, 80) ctx.textAlign = "right" //设置绘制文本的给定点为文本右侧 ctx.fillText("慕课Wiki", 150, 130) //绘制中间参考线 ctx.beginPath() ctx.strokeStyle="#ccc"; ctx.moveTo(150,0); ctx.lineTo(150,150); ctx.stroke(); </script> <body> </html>
运行结果