canvas自适应

1.js部分

import resizeMixins from "@/utils/resizeMixins";
export default {
  mixins: [resizeMixins],
}

引入resizemixins文件，mixins引入

2.html部分

 <div class="lower_right">
          <canvas id="ecgCanvas" ref="ecg" width="608px" height="386px"></canvas>
</div>

canvas的宽高正常设置

3.给包裹canvas的div设置样式

  .lower_right {
    width: 100%;
    background-color: #12271e;
    position: relative;
    height: 100%;
    border: 1px solid rgba(236, 245, 182, 0.2);
    canvas{
       width: 100%;
    height: 100%;
    display: block;
    }
}

设置大的div及canvas宽度设置100%（根据具体情况调）