国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 开阳县| 开原市| 建宁县| 宣城市| 建宁县| 益阳市| 宾川县| 金塔县| 蚌埠市| 定结县| 中阳县| 休宁县| 菏泽市| 吉隆县| 苍南县| 玉田县| 镇雄县| 肇东市| 高青县| 滦平县| 攀枝花市| 朝阳市| 昌乐县| 台北市| 宜兰县| 屯留县| 平乐县| 昆山市| 双峰县| 奉节县| 嘉禾县| 定安县| 大余县| 安庆市| 鄂尔多斯市| 彭州市| 开鲁县| 信阳市| 柏乡县| 垣曲县| 志丹县|