raphael 强大的矢量图形库+ justgage 仪表盘

HTML5 2020-09-22

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<script src="raphael-2.1.4.min.js"></script>
<script src="justgage.js"></script>
<script>
    window.onload = function() {
        var g = new JustGage({
            id: "gauge",value: 75,title: "Visitors",min: 0,max: 100,decimals: 2,gaugeWidthScale: 0.6,customSectors: [{
                color : "#00ff00",lo : 0,hi : 50
            },{
                color : "#ff0000",lo : 50,hi : 100
            }],counter: true
        });
    }
</script>
<body>
<div id="gauge" ></div>
</body>
</html>

HTML5和CSS3实现3D展示商品信息的代码

利用HTML5中的Canvas绘制笑脸的代码

Html5剪切板功能的实现

如何通过HTML5触摸事件实现移动端简易进度条

Html5移动端获奖无缝滚动动画实现

关于HTML5和CSS3实现机器猫的代码

raphael 强大的矢量图形库+ justgage 仪表盘

相关文章