zoukankan      html  css  js  c++  java
  • canvas 画线

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Canvas</title>
    </head>
    <body>
        <canvas id="canvas" style="border: 1px solid #aaa;display: block;margin: 50px auto;">
        </canvas>
    
    
        <script>
            window.onload = function () {
                var canvas = document.getElementById("canvas");
    
                canvas.width = 1024;
                canvas.height = 768;
    
                // 使用canvas绘制
                if (canvas.getContext('2d')) {
                    var context = canvas.getContext('2d');
    
                    // 画线
                    context.moveTo(100,100);
                    context.lineTo(700,700);
                    context.stroke();
    
                } else {
                    alert("当前浏览器不支持canvas");
                }
    
    
            }
        </script>
    </body>
    </html>
    

    这样就能画出线了。

  • 相关阅读:
    odoo权限
    odoo开发bug记录
    odoo视图
    odoo13线上发布
    odoo开发环境搭建
    request
    urllib
    b站排行榜-爬虫
    DockerFile
    Docker基本操作
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/8834172.html
Copyright © 2011-2022 走看看