zoukankan      html  css  js  c++  java
  • HTML5展望

    1.简述API

    2.Cavans

    e.g.画一个三角形

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Canvas</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
                border: none;
            }
            canvas {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: block;
                margin: auto;
                background: #ececec;
            }
        </style>
        <script type="text/javascript">
            window.onload = function() {
            // 在此完成任务
            var canvas = document.getElementById("canvas");
            var context = canvas.getContext("2d");
            context.moveTo(100,100);
            context.lineTo(400,100);
            context.stroke();
            context.moveTo(100,100);
            context.lineTo(100,500);
            context.stroke();
            context.moveTo(100,500);
            context.lineTo(400,100);
            context.stroke();
            };
    </script>
    </head>
    <body>
        <canvas id="canvas" width="800" height="600">注意,浏览器推荐使用Chrome!</canvas>
    </body>
    </html>

    效果如下:

  • 相关阅读:
    js最佳实践
    js图片库 案例
    DOM
    js语法
    导航栏的ul中的li设置问题
    wDatepicker97的用法(点击事件联动)
    jqueyr validtion的使用
    哥哥写的例子(后台没有进行排序分组的时候,前台进行自己分组)
    关于require js加载的时候报错的问题
    一些简单的三目运算的使用(举例购物车)
  • 原文地址:https://www.cnblogs.com/lilijun/p/6913425.html
Copyright © 2011-2022 走看看