vue 使用canvas来进行画线条

下载canvas

npm i --save canvas

//html部分

        <div id="content">

            <canvas id="canvas" width="900%" height="250%"></canvas>

            <div class="con-left">

                <div  class="item" v-for="(v,i) in this.$store.state.kaoti.ti[this.$store.state.num].question_option[0].option" :key="i">{ {v.v.text}}<p :style="{background:'url('+img+') no-repeat',backgroundSize:'25px,25px'}" class="somll" ></p></div>

            </div>

            <div class="con-cen">

                <div  class="item" v-for="(v,i) in this.$store.state.kaoti.ti[this.$store.state.num].question_option[1].option" :key="i">

                    <p :style="{background:'url('+img+') no-repeat',backgroundSize:'25px,25px'}"  class="somllb"></p>

                    <img :src="'https://art-evaluation.oss-cn-shanghai.al