前端开发自制小圆环图表

前端开发如何实践
如何用vsc进行前端开发
前端 如何团队开发

手机和 PC 都有一定的交互

html 代码

    <head>
        <meta charset=”utf-8″ />
        <meta name=”description” content=”” />
        <meta
            name=”viewport”
            content=”initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width”
        />
        <title>圆环图表</title>
        <style>
            html,
            body {
                margin: 0;
                padding: 0;
            }
            .unmove {
                overflow: hidden;
            }
            .container {
                position: relative;
                text-align: center;
                height: 250px;
            }
            canvas {
                position: absolute;
                margin-left: -125px;
                background-color: transparent;
            }
        </style>
        <script src=”http://1.lori.sinaapp.com/lib/base/rem.js”></script>
        <script src=”http://1.lori.sinaapp.com/lib/annulus/annulus.js”></script>
    </head>
    <body>
        <div class=”container”>
            <canvas
                id=”background”
                width=”500″
                height=”500″
                style=”width: 250px;height: 250px;”
            ></canvas>
            <canvas
                id=”pointer”
                width=”500″
                height=”500″
                style=”width: 250px;height: 250px;”
            >
                你的浏览器,好像不支持 canvas 哦!可以尝试下载最新版本 chrome
                浏览器
            </canvas>
        </div>
        <script>
            var option = { touch: true }
            init(option)
        </script>
    </body>
</html>
如何判断优秀的前端开发师
怎样回答如何看待前端开发
前端 svg 如何 开发
» 本文来自:前端开发者 » 《前端开发自制小圆环图表》
» 本文链接地址:https://www.rokub.com/6838.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!