WebGL

summer_du

于 2022-01-07 08:54:00 发布

阅读量125

点赞数

分类专栏： WebGL 文章标签： javascript html5 前端 java

本文链接：https://blog.youkuaiyun.com/summer_du/article/details/122357126

版权

文章目录

- 1、绘制路线
- 2、绘制正方形

1、绘制路线

drawLine() {
   
        //获得画布元素
        this.canvas = document.getElementById("webgl");
        //获得2维绘图的上下文
        var ctx = this.canvas.getContext("2d");

        //设置线宽
        ctx.lineWidth = 5;
        //设置线的颜色
        ctx.strokeStyle = "#e28e00";
        ctx.moveTo(100,100)
        ctx.lineTo(150,160)
        ctx.lineTo(180,200)
        ctx.lineTo(160,250)
        ctx.lineTo(200,300)
        ctx.lineTo(220,150)
        ctx<