国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > HTML > 正文

HTML5 Canvas鋸,齒圖代碼實(shí)例

2020-03-24 15:44:33
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

圖：HTML5 Canvas鋸齒圖代碼實(shí)例

提示：把代碼復(fù)制到一個(gè)html文件中并保存，直接打開(kāi)即可看到效果。

實(shí)現(xiàn)代碼：

代碼如下:<!doctype html>

<html lang="zh">

<head>

<meta charset="gbk">

<title>鋸齒圖</title>

<script type="text/javascript">

window.addEventListener("load", eventWindowLoaded, false);

function eventWindowLoaded(){

var x,y;

var theCanvas = document.getElementById("canvas");

var context = theCanvas.getContext("2d");



//Box

context.strokeStyle = '#00f';

context.lineWidth=10;

context.strokeRect(0, 0, theCanvas.width-0, theCanvas.height-0);

context.fillStyle = "#00f";

for(x=5;x<=canvas.width;x=x+10){

context.beginPath();

context.arc(x,5,5,0,Math.PI,false);

context.closePath();

context.fill();

context.beginPath();

context.arc(x,canvas.height-5,5,0,Math.PI,true);

context.closePath();

context.fill();

}

for(y=5;y<=canvas.height;y=y+10){

context.beginPath();

context.arc(5,y,5,0,Math.PI*2,true);

context.arc(canvas.width-5,y,5,0,Math.PI*2,true);

context.closePath
快播電影網(wǎng)[www.aikan.tv/special/kuaibodianyingwang/]();

context.fill();

}

}

</script>

</head>

<body>

<div style="position: absolute; top: 100px; left: 100px;">

<canvas id="canvas" width="300" height="300">

</div>

</body>

</html>

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 襄汾县| 石家庄市| 桐庐县| 九寨沟县| 石家庄市| 岱山县| 新宾| 丰城市| 清原| 霍林郭勒市| 砚山县| 义马市| 墨江| 蒙阴县| 玛曲县| 富锦市| 衡东县| 清丰县| 邵东县| 玉山县| 理塘县| 曲周县| 绍兴市| 莫力| 合川市| 东至县| 文化| 二手房| 阳信县| 凤城市| 三门县| 驻马店市| 洪雅县| 五台县| 万山特区| 西安市| 鹤峰县| 江油市| 喀喇| 深圳市| 治多县|