问答详情
源自:2-3 线条组成的图形和beginPath

beginPath()没有作用??

 

window.onload=function(){


            var canvas=document.getElementById("canvas");


            //宽高

            canvas.width=800;

            canvas.height=800;


            var context=canvas.getContext("2d");

context.lineWidth=10;//直线宽度


            //context.beginPath();

            context.moveTo(100,200);//直线起点

            context.lineTo(300,400);//直线终点

            context.lineTo(100,600);//直线终点

            context.strokeStyle="red";//绘制直线的颜色

            context.stroke();//绘制



            context.beginPath();

            context.moveTo(300,200);//直线起点

            context.lineTo(500,400);//直线终点

            context.lineTo(300,600);//直线终点

            context.strokeStyle="green";//绘制直线的颜色

            context.stroke();//绘制



            context.beginPath();

            context.moveTo(500,200);//直线起点

            context.lineTo(700,400);//直线终点

            context.lineTo(500,600);//直线终点

            context.strokeStyle="#058";//绘制直线的颜色

            context.stroke();//绘制


提问者:Haogjin 2016-10-09 19:22

个回答

  • Beey
    2016-10-09 23:09:32
    已采纳

    1、代码的最后少了一个大括号

    2、第二个和第三个beginPath()后面的分号改成在英文输入法下的分号

    试一下,看看能否运行

    我喜欢这样写,其实都是小粗心,我也是刚学习,一起加油

    http://img.mukewang.com/57fa5d9b000128f009761020.jpg