问答详情
源自:2-2 绘制直线、多边形和七巧板

为什么我的线条会超出我的画布,而且在街上中设置宽高没有用

http://img1.mukewang.com/5dfc3c5e0001783314160832.jpg

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title>    <!-- <link rel="stylesheet" href="./bootstrap本地文档/css/bootstrap.css">    <script src="./bootstrap本地文档/js/jquery-1.12.4.min.js"></script>    <script src="./bootstrap本地文档/js/bootstrap.js"></script> -->    <style>    canvas{         border: 1px solid #000;        display: block;        margin: 50px auto;        width: 1024px;        height: 768px;    }    </style></head><body>    <canvas id="canvas"></canvas>    <script>    window.onload = function () {        var canvas = document.getElementById('canvas')        var context = canvas.getContext('2d')        context.width = 1024;        context.height = 768;        context.moveTo(0,0);        context.lineTo(700,700)        context.stroke()            }    </script></body></html>


提问者:weixin_慕用5267334 2019-12-20 11:14

个回答

  • 爱雨海
    2019-12-20 18:37:59

    写在style里的样式影响里,style的width和height有px,window.onload里设置的宽高有加载顺序问题,最好写在标签上width='1024' height='768'。个人见解,有不同理解的可以多交流交流。