Canvas坐标体系 · Web前端(打印用)

## Canvas坐标体系 ~~~ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .canvas{ border: 1px solid red; } </style> </head> <body> <canvas id="myCanvas" class="canvas"> 您的浏览器不支持canvas </canvas> </body> </html> ~~~ > 如果用户的浏览器版本比较低，"您的浏览器不支持canvas"会显示出来 > canvas的默认尺寸是300*150px ~~~ <script type="text/javascript"> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.moveTo(0,0); ctx.lineTo(100,100); ctx.stroke(); </script> ~~~ ![canvas坐标体系](images/15279034541.jpg)