• <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
      <nav id="xcyjv"></nav>
    1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>

        使用Html5中的cavas畫一面國旗

          發布時間:2019-09-25 14:05:19   作者:佚名   我要評論
        這篇文章主要介紹了使用Html5中的cavas畫一面國旗的相關資料,需要的朋友可以參考下

        使用Html5中的cavas畫一面國旗,具體代碼如下所示:

        var canvas = document.getElementById("canvas");//創建一個cavas畫板
            var context = canvas.getContext('2d');//設置畫板屬性
            var width=canvas.width;
            var height=width*2/3;
            context.fillStyle="red";
            context.fillRect(0,0,width,height);
            var maxR = 0.15, minR = 0.05;
            var maxX = 0.55, maxY = 0.35;//大五星的位置
            var minX = [0.80, 0.90, 0.90, 0.80,0.65,0.50,0.40];//各個小五角星的x坐標
            var minY = [0.20, 0.30, 0.45, 0.55,0.60,0.60,0.50];//各個小五角星的y坐標
            var ox = height * maxX, oy = height * maxY;

        html代碼

        <canvas id="canvas" width="600" height="400"></canvas>   

        js代碼

        create5star(context,ox,oy,height * maxR,"#ff0",0);//繪制大五角星
            for (var idx = 0; idx < 7; idx++) {
                var  sx = minX[idx] * height, sy = minY[idx] * height;
                var  theta = Math.atan((oy - sy)/(ox - sx));
                create5star(context,sx, sy, height * minR, "#ff0",-Math.PI/2+theta);    // 畫小五角星
            }
            //繪制五角星
            function create5star(context,sx,sy,radius,color,rotato){
                context.save();
                context.fillStyle=color;
                context.translate(sx,sy);//移動坐標原點
                context.rotate(Math.PI+rotato);//旋轉
                context.beginPath();//創建路徑
                var x = Math.sin(0);
                var y= Math.cos(0);
                var dig = Math.PI/5 *4;
                for(var i = 0;i< 5;i++){//畫五角星的五條邊
                    var x = Math.sin(i*dig);
                    var y = Math.cos(i*dig);
                    context.lineTo(x*radius,y*radius);
                }
                context.closePath();
                context.stroke();
                context.fill();
                context.restore();
            }

        總結

        以上所述是小編給大家介紹的使用Html5中的cavas畫一面國旗,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
        如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

        相關文章

        • HTML5 Canvas 破碎重組的視頻特效的示例代碼

          這篇文章主要介紹了HTML5模擬齒輪動畫的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學
          2019-09-24
        • 前端實現打印圖像功能

          這篇文章主要介紹了前端實現打印圖像功能,需要的朋友可以參考下
          2019-08-27
        • html5 canvas繪制網絡字體的常用方法

          這篇文章主要介紹了html5 canvas繪制網絡字體的常用方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
          2019-08-26
        • 導出HTML5 Canvas圖片并上傳服務器功能

          這篇文章主要介紹了導出HTML5 Canvas圖片并上傳服務器功能,文中通過實例代碼給大家介紹了HTML5 Canvas轉化成圖片后上傳服務器,代碼簡單易懂非常不錯,具有一定的參考借鑒
          2019-08-16

        最新評論

        01彩票网app
      1. <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
          <nav id="xcyjv"></nav>
        1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>
            遵义 | 克孜勒苏 | 甘孜 | 泉州 | 吴忠 | 青海西宁 | 鸡西 | 陕西西安 | 喀什 | 大连 | 西双版纳 | 垦利 | 海丰 | 昌吉 | 黔西南 | 东方 | 三河 | 台湾台湾 | 九江 | 鞍山 | 仁寿 | 海南海口 | 荆门 | 呼伦贝尔 | 克拉玛依 | 临汾 | 珠海 | 柳州 | 乌海 | 天门 | 海拉尔 | 武夷山 | 丹东 | 扬中 | 信阳 | 石河子 | 鹤壁 | 博尔塔拉 | 乌兰察布 | 台中 | 焦作 | 南京 | 江西南昌 | 平顶山 | 滨州 | 泸州 | 张北 | 常州 | 江门 | 阿里 | 莆田 | 山东青岛 | 营口 | 洛阳 | 大兴安岭 | 邹城 | 陕西西安 | 抚州 | 乳山 | 定西 | 五指山 | 泗洪 | 松原 | 南安 | 馆陶 | 齐齐哈尔 | 金华 | 扬中 | 楚雄 | 清徐 | 临汾 | 塔城 | 定州 | 黄石 | 安庆 | 海西 | 楚雄 | 清远 | 广安 | 南安 | 赤峰 | 屯昌 | 常德 | 基隆 | 安岳 | 河池 | 佛山 | 安康 | 汝州 | 任丘 | 溧阳 | 庆阳 | 连云港 | 阿勒泰 | 崇左 | 琼中 | 扬州 | 七台河 | 株洲 | 黄冈 | 柳州 | 永新 | 晋中 | 阿克苏 | 商洛 | 镇江 | 无锡 | 高密 | 定西 | 黑龙江哈尔滨 | 定安 | 镇江 | 肇庆 | 海北 | 吉林长春 | 沧州 | 临夏 | 海北 | 和县 | 燕郊 | 鞍山 | 淮安 | 三沙 | 辽宁沈阳 | 临汾 | 张家口 | 山南 | 郴州 | 连云港 | 邹平 | 宜宾 | 吉林长春 | 贵州贵阳 | 威海 | 克孜勒苏 | 海北 | 鄢陵 | 长兴 | 镇江 | 玉树 | 基隆 | 宿州 | 无锡 | 沧州 | 大丰 | 锦州 | 陇南 | 厦门 | 宝鸡 | 南充 | 深圳 | 瓦房店 | 荆门 | 阿勒泰 | 白银 | 荣成 | 江苏苏州 | 南京 | 贵州贵阳 | 三门峡 | 张家口 | 常德 | 莱芜 | 萍乡 | 仁寿 | 沭阳 | 天水 | 锦州 | 正定 | 海门 | 鞍山 | 驻马店 | 荆门 | 偃师 | 张家界 | 通辽 | 湘西 | 黔东南 | 象山 | 香港香港 | 马鞍山 | 庄河 | 运城 | 黑龙江哈尔滨 | 石河子 | 扬州 | 漳州 | 黔南 | 曲靖 | 宣城 | 莒县 | 许昌 | 许昌 | 乐平 | 靖江 | 辽宁沈阳 | 桂林 | 青州 | 台南 | 寿光 | 湖南长沙 | 大庆 | 招远 | 库尔勒 | 寿光 | 东台 | 海门 | 株洲 | 黔南 | 连云港 | 桐城 | 荣成 | 迪庆 | 烟台 | 梧州 | 大连 | 牡丹江 | 常德 | 东方 | 天水 | 安岳 | 日照 | 抚州 | 汝州 | 马鞍山 | 武夷山 | 基隆 | 沧州 | 西双版纳 | 本溪 | 内蒙古呼和浩特 | 伊犁 | 漳州 | 济源 | 江西南昌 | 云南昆明 | 通辽 | 鹤岗 | 辽宁沈阳 | 甘南 | 衡阳 | 商洛 | 朔州 | 达州 | 池州 | 南充 | 石嘴山 | 黄石 | 靖江 | 佛山 | 平顶山 | 瓦房店 | 济宁 | 新沂 | 大兴安岭 | 防城港 | 定安 | 葫芦岛 | 楚雄 | 晋城 | 温岭 | 荣成 | 甘南 | 新沂 | 迁安市 | 吴忠 | 抚州 | 和田 | 仁怀 | 平潭 | 漯河 | 沛县 | 葫芦岛 | 海安 | 嘉峪关 | 台州 | 宁波 | 酒泉 | 龙口 | 绵阳 | 馆陶 | 晋江 | 甘肃兰州 | 临沧 | 辽宁沈阳 | 辽源 | 潮州 | 神农架 | 荆门 | 天门 | 绍兴 | 那曲 | 济源 | 鹤壁 | 楚雄 | 垦利 | 克孜勒苏 | 包头 | 平凉 | 蚌埠 | 四平 | 秦皇岛 | 大连 | 龙口 | 新乡 | 长葛 | 北海 | 寿光 | 东阳 | 抚顺 | 曹县 | 霍邱 | 钦州 | 兴安盟 | 屯昌 | 九江 | 包头 | 荆门 | 梧州 | 泰兴 | 乌兰察布 | 遵义 | 邳州 | 百色 | 仙桃 | 扬中 | 龙岩 | 仁寿 | 龙口 | 湘潭 | 湘潭 | 邹城 | 宜春 | 丽水 | 杞县 | 神农架 | 赣州 | 鄂尔多斯 | 吴忠 | 克孜勒苏 | 永州 | 湛江 | 自贡 | 海安 | 邢台 | 甘南 | 南安 | 芜湖 | 保定 | 陕西西安 | 高密 | 德清 | 中卫 | 张家界 | 眉山 | 乐山 | 海南海口 | 三亚 | 福建福州 | 湘西 | 桐乡 | 郴州 | 芜湖 | 宁国 | 基隆 | 如东 | 湛江 | 淮北 | 博尔塔拉 | 定西 | 神农架 | 舟山 | 山西太原 | 黔东南 | 诸城 | 张家界 | 邯郸 | 伊犁 | 燕郊 | 来宾 | 塔城 | 济南 | 和县 | 神木 | 黄南 | 山西太原 | 包头 | 海南海口 | 惠州 | 衡水 | 甘孜 | 澄迈 | 龙岩 | 新泰 | 黄山 | 贵州贵阳 | 吉林 | 佳木斯 | 湛江 | 陕西西安 | 台州 | 惠州 | 莱芜 | 果洛 | 沛县 | 青海西宁 | 汕尾 | 天水 | 荆州 | 五家渠 | 河南郑州 | 曲靖 | 南京 | 安顺 | 滁州 | 仁怀 | 项城 | 五指山 | 咸阳 | 凉山 | 泸州 | 白城 | 天长 | 黄山 | 台南 | 吐鲁番 | 惠东 | 日照 | 海北 | 三门峡 | 德宏 | 平顶山 | 内江 | 荣成 | 台州 | 连云港 | 庆阳 | 昌都 | 泗洪 | 延边 | 台北 | 内江 | 六盘水 | 云浮 | 顺德 | 开封 | 宁夏银川 | 大庆 | 宝鸡 | 桐乡 | 石嘴山 | 宜宾 | 锦州 | 德州 | 辽宁沈阳 | 邹平 | 宜昌 | 绥化 | 雅安 | 潮州 | 茂名 | 济源 | 五家渠 | 阿勒泰 | 六安 | 桐城 | 安庆 | 铜川 | 曲靖 | 海东 | 雄安新区 | 德宏 | 鹰潭 | 东海 | 濮阳 | 大庆 | 黄南 | 长治 | 汉川 | 广安 | 兴安盟 | 海西 | 诸暨 | 驻马店 | 济宁 | 偃师 | 蓬莱 | 徐州 | 大庆 | 舟山 | 内江 | 湛江 | 中卫 | 云南昆明 | 阳江 | 泰州 | 陕西西安 | 潜江 | 昌吉 | 温州 | 桓台 | 林芝 | 娄底 | 如皋 | 清徐 | 大理 | 明港 | 山西太原 | 营口 | 宁夏银川 | 汕头 | 邹城 | 长垣 | 任丘 | 三沙 | 梧州 | 龙岩 | 大连 | 正定 | 大兴安岭 | 山西太原 | 汝州 | 六安 | 新沂 | 如皋 | 珠海 | 遵义 | 贵港 | 海西 | 芜湖 | 灵宝 | 垦利 | 海东 | 锡林郭勒 | 漳州 | 宜都 | 永州 | 绵阳 | 通化 | 台北 | 大同 | 德州 | 如东 | 安庆 | 宜宾 | 克拉玛依 | 临沂 | 雄安新区 | 河池 | 天水 | 庆阳 | 广汉 | 泗阳 | 明港 | 黄山 | 昌吉 | 连云港 | 湛江 | 昌吉 | 阿拉善盟 | 通辽 | 平凉 | 丽水 | 抚州 | 株洲 | 安康 | 河池 | 鹤岗 | 潮州 | 赣州 | 茂名 | 百色 | 赣州 | 果洛 | 新乡 | 乐山 | 诸城 | 江西南昌 | 渭南 | 泗洪 | 中山 | 武威 | 霍邱 | 海宁 | 湖北武汉 | 盐城 | 绥化 | 单县 | 阿拉善盟 | 台湾台湾 | 灵宝 | 张掖 | 阜新 | 南安 | 荆州 | 铜仁 | 营口 | 和县 | 周口 | 滕州 | 来宾 | 江门 | 眉山 | 泰州 | 朝阳 | 中卫 | 东海 | 衢州 | 德宏 | 汕头 | 吉林 | 琼中 | 防城港 | 湖北武汉 | 龙岩 | 通辽 | 吐鲁番 | 信阳 | 图木舒克 | 垦利 | 铁岭 | 香港香港 | 亳州 | 象山 | 临猗 | 永康 | 榆林 | 汉川 | 新乡 | 简阳 | 陵水 | 临沂 | 怀化 | 那曲 | 绵阳 | 余姚 | 泰安 | 常德 | 鹤岗 | 宜宾 | 塔城 | 池州 | 许昌 | 澳门澳门 | 包头 | 安阳 | 周口 | 保定 | 甘孜 | 明港 | 泗洪 | 德清 | 新余 | 青州 | 山东青岛 | 德清 | 广汉 | 唐山 | 眉山 | 临猗 | 十堰 | 诸暨 | 平顶山 | 阳泉 | 连云港 | 海西 | 湖州 | 安吉 | 葫芦岛 | 兴化 | 新疆乌鲁木齐 | 驻马店 | 本溪 | 张掖 | 济宁 | 垦利 | 仁怀 | 湛江 | 云浮 | 曹县 | 昌吉 | 汝州 | 清远 | 陵水 | 铁岭 | 台北 | 霍邱 | 镇江 | 包头 | 临海 | 霍邱 | 杞县 | 泗洪 | 金坛 | 邵阳 | 朝阳 | 运城 | 福建福州 | 赣州 | 图木舒克 | 扬中 | 海西 | 安庆 | 永康 | 常州 | 东海 | 莒县 | 燕郊 | 张掖 | 金华 | 安顺 | 苍南 | 开封 | 上饶 | 正定 | 台州 | 惠东 | 铜陵 | 甘孜 | 铜川 | 天长 | 南平 | 忻州 | 宜都 | 澄迈 | 东台 | 保亭 | 澄迈 | 内江 | 燕郊 | 温州 | 神木 | 明港 | 台北 | 乌海 | 营口 | 德清 | 衡阳 | 新乡 | 广州 | 河池 | 山西太原 | 江苏苏州 | 忻州 | 怀化 | 新泰 | 攀枝花 | 神木 | 日土 | 永新 | 临猗 | 无锡 | 怒江 | 桂林 | 焦作 | 禹州 | 怒江 | 临汾 | 晋城 | 南安 | 林芝 | 广饶 | 济源 | 肥城 | 阿拉善盟 | 毕节 | 无锡 | 铁岭 | 定安 | 泸州 | 启东 | 亳州 | 澄迈 | 临猗 | 宜昌 | 宜昌 | 澄迈 | 宁德 | 丽江 | 日喀则 | 青海西宁 | 铁岭 | 临夏 | 云南昆明 | 张家口 | 乌海 | 仁寿 | 屯昌 | 怀化 | 包头 | 仙桃 | 邵阳 | 固原 | 偃师 | 任丘 | 潜江 | 沛县 | 建湖 | 阜阳 | 丽水 | 开封 | 锡林郭勒 | 库尔勒 | 攀枝花 | 黔西南 | 牡丹江 | 济源 | 文昌 | 博尔塔拉 | 新余 | 陕西西安 | 枣庄 | 武威 | 惠东 | 汕头 | 广安 | 广西南宁 | 吴忠 | 包头 | 广安 | 七台河 | 宿州 | 临夏 | 三明 | 东方 | 昭通 | 仁寿 | 吉林 | 巴彦淖尔市 | 庆阳 | 临夏 | 烟台 | 松原 | 兴化 | 商丘 | 来宾 | 吕梁 | 宁波 | 任丘 | 四平 | 陇南 | 桓台 | 廊坊 | 平潭 | 赤峰 | 景德镇 | 仁寿 | 资阳 | 河源 | 定州 | 乌海 | 临海 | 安岳 | 日土 | 大连 | 宁夏银川 | 三亚 | 常德 | 定西 | 石狮 | 澄迈 | 扬州 | 柳州 | 燕郊 | 肥城 | 长兴 | 迪庆 | 嘉峪关 | 阿里 | 惠州 | 揭阳 | 南安 | 阿拉尔 | 海丰 | 贺州 | 濮阳 | 金华 | 洛阳 | 黄冈 | 长兴 | 凉山 | 朝阳 | 吉林长春 | 宜昌 | 龙口 | 巴彦淖尔市 | 宁波 | 蓬莱 | 常德 | 甘南 | 漯河 | 吉林 | 巴音郭楞 | 垦利 | 上饶 | 枣庄 | 曹县 | 伊犁 | 吐鲁番 | 台中 | 梧州 | 靖江 | 海西 | 桐城 | 长治 | 晋城 | 安徽合肥 | 香港香港 | 宁国 | 镇江 | 海南 | 柳州 | 山西太原 | 黄南 | 临夏 | 嘉善 | 宁夏银川 | 宜都 | 平顶山 | 荆门 | 项城 | 宣城 | 丹阳 | 黄冈 | 青海西宁 | 崇左 | 晋中 | 温岭 | 潮州 | 鹤岗 | 泰兴 | 喀什 | 石河子 | 安岳 | 永新 | 兴安盟 | 蓬莱 | 西藏拉萨 | 焦作 | 邵阳 | 偃师 | 玉林 | 朝阳 | 黔东南 | 肥城 | 高密 | 庆阳 | 南京 | 台湾台湾 | 三河 | 哈密 | 固原 | 雅安 | 舟山 | 韶关 | 苍南 | 湖北武汉 | 吴忠 | 公主岭 | 台州 | 陇南 | 资阳 | 博尔塔拉 | 湘西 | 乌兰察布 | 乐平 | 惠东 | 阿克苏 | 丽江 | 潍坊 | 定安 | 淮安 | 邹城 | 五家渠 | 扬州 | 定州 | 雄安新区 | 丹阳 | 徐州 | 张家口 | 任丘 | 忻州 | 辽阳 | 常德 | 惠东 | 宜都 | 株洲 | 云南昆明 | 保亭 | 陵水 | 安阳 | 乐山 | 商洛 | 巴中 | 株洲 | 日喀则 | 巴音郭楞 | 德宏 | 莱芜 | 张北 | 儋州 | 菏泽 | 巢湖 | 蚌埠 | 苍南 | 贺州 | 泉州 | 台湾台湾 | 许昌 | 亳州 | 宁波 | 靖江 | 金坛 | 黄南 | 潜江 | 公主岭 | 秦皇岛 | 商洛 | 肇庆 | 阳江 | 嘉兴 | 株洲 | 寿光 | 保定 | 常德 | 滁州 | 宜都 | 丹东 | 吉林 | 海东 | 仁寿 | 唐山 | 益阳 | 锦州 | 保山 | 保定 | 平潭 | 广西南宁 | 南通 | 云南昆明 | 赤峰 | 瓦房店 | 通辽 | 九江 | 邹城 | 资阳 | 包头 | 曹县 | 果洛 | 嘉兴 | 南京 | 伊犁 | 宁波 | 白山 | 丽江 | 明港 | 临沧 | 鹤岗 | 辽宁沈阳 | 通化 | 潮州 | 锡林郭勒 | 五家渠 | 莱芜 | 五家渠 | 辽源 | 阳江 | 长垣 | 佛山 | 绥化 | 余姚 | 嘉兴 | 鹰潭 | 阿坝 | 定安 | 泰安 | 陕西西安 | 四平 | 义乌 | 临沂 |