亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法出現七巧板,怎么回事?

無法出現七巧板,怎么回事?

qq_無意間哼出的旋律_0 2016-05-27 10:59:49
<!doctype html><html><head>?? ?<meta charset="utf-8">?? ?<script type="text/javascript" src="jquery-1.8.2.min.js"></script>?? ?<title>tes6--H5關于七巧板</title>?? ?<style type="text/css">?? ?#myCanvas{display:block;border:1px solid #f00; margin:50px auto;}?? ?</style></head><body>?? ?<canvas id="myCanvas" width="800" height="800"></canvas></body><script type="text/javascript">$(document).ready(function(){?? ?var sev=[?? ??? ?{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},?? ??? ?{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67beef"},?? ??? ?{p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"},?? ??? ?{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"},?? ??? ?{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"},?? ??? ?{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ecc"},?? ??? ?{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800},{x:600,y:200}],color:"#f6ca29"}?? ?]?? ?window.onload=function(){?? ??? ?var box=document.getElementById('myCanvas');?? ??? ?var picture=box.getContext('2d');?? ??? ?for(i=0;i<sev.length;i++){?? ??? ??? ?draw(sec[i],picture);?? ??? ?}?? ?}?? ?function draw(piece,pic){?? ??? ?pic.beginPath();?? ??? ?pic.moveTo(piece.p[0].x,piece.p[0].y);?? ??? ?for(i=0;i<piece.p.length;i++){?? ??? ??? ?pic.lineTo(piece[i].x,piece[i].y)?? ??? ?} ?? ??? ?pic.closePath();?? ??? ?pic.fillStyle=piece.color;?? ??? ?pic.fill();?? ?}})</script></html>
查看完整描述

1 回答

?
蜂之谷

TA貢獻564條經驗 獲得超863個贊

<script?type="text/javascript">

var?sev=[
	{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},
	{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67beef"},
	{p:[{x:800,y:0},{x:800,y:400},{x:600,y:600},{x:600,y:200}],color:"#ef3d61"},
	{p:[{x:600,y:200},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"},
	{p:[{x:400,y:400},{x:600,y:600},{x:400,y:800},{x:200,y:600}],color:"#a594c0"},
	{p:[{x:200,y:600},{x:400,y:800},{x:0,y:800}],color:"#fa8ecc"},
	{p:[{x:800,y:400},{x:800,y:800},{x:400,y:800},{x:600,y:200}],color:"#f6ca29"}
]
var?box=document.getElementById("myCanvas");
var?picture=box.getContext('2d');?????????????????????????
for(var?i=0;i<sev.length;i++){
	draw(sev[i],picture);//這里sev寫成了sec
}

function?draw(piece,pic){
	pic.beginPath();
	pic.moveTo(piece.p[0].x,piece.p[0].y);
	for(var?i=1;i<piece.p.length;i++){
		picture.lineTo(piece.p[i].x,piece.p[i].y);//這里應該是piece.p[i].x和piece.p[i].y
	}
	pic.closePath();
	pic.fillStyle=piece.color;
	pic.strokeStyle=piece.color;
	pic.fill();
	pic.stroke();
}	???

</script>

對著看看吧

查看完整回答
1 反對 回復 2016-05-27
  • 1 回答
  • 0 關注
  • 1280 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號