欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

如何使用canvas繪制奧運(yùn)五環(huán)-創(chuàng)新互聯(lián)

如何使用 canvas繪制奧運(yùn)五環(huán)？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)自2013年創(chuàng)立以來，先為巴南等服務(wù)建站，巴南等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為巴南企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

                                                         運(yùn)行效果：

如何使用 canvas繪制奧運(yùn)五環(huán)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="drawing" width="800" height="600">A drawing of someing!</canvas>
    <script type="text/javascript">var drawing = document.getElementById('drawing');if(drawing.getContext) {//繪制奧運(yùn)五環(huán)，畫圓var context = drawing.getContext('2d');
            context.lineWidth = 7;
            context.strokeStyle = '#0180C3';
            context.beginPath();
            context.arc(70, 70, 40, 0, 2*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#000';
            context.beginPath();
            context.arc(160, 70, 40, 0, 2*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#BF0628';
            context.beginPath();
            context.arc(250, 70, 40, 0, 2*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#EBC41F';
            context.beginPath();
            context.arc(115, 110, 40, 0, 2*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#198E4A';
            context.beginPath();
            context.arc(205, 110, 40, 0, 2*Math.PI, false);
            context.stroke();//環(huán)環(huán)相扣，畫弧（實(shí)現(xiàn)相關(guān)圓弧的覆蓋）context.strokeStyle = '#0180C3';
            context.beginPath();
            context.arc(70, 70, 40, 1.9*Math.PI, 2.1*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#000';
            context.beginPath();
            context.arc(160, 70, 40, 1.9*Math.PI, 2.1*Math.PI, false);
            context.stroke();
            context.beginPath();
            context.arc(160, 70, 40, 0.5*Math.PI, 0.7*Math.PI, false);
            context.stroke();
            context.strokeStyle = '#BF0628';
            context.beginPath();
            context.arc(250, 70, 40, 0.5*Math.PI, 0.7*Math.PI, false);
            context.stroke();
        }</script>
</body>
</html>

文章標(biāo)題：如何使用canvas繪制奧運(yùn)五環(huán)-創(chuàng)新互聯(lián)
文章URL：http://chinadenli.net/article22/hjgcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站維護(hù)、電子商務(wù)、定制網(wǎng)站、App開發(fā)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

營(yíng)銷型網(wǎng)站建設(shè)