html5 代碼畫蘭博基尼跑車,6不6你說的算!

来源:http://www.cnblogs.com/QI1125/archive/2017/09/08/7494918.html
-Advertisement-
Play Games

源代碼下方 由於本人喜愛html5,無聊所畫: 畫圖需要掌握; 1.畫布,畫筆,畫圓,給畫筆添加顏色。(註:掌握這幾點,你就可以稱霸畫圖界了。) 雖然沒有畫畫天賦,但代碼寫的也是溜溜滴!(註:此圖沒有上色完,想裝逼,自己補完!) 別忘了點個關註! <!DOCTYPE html><!-- saved ...


                源代碼下方

  由於本人喜愛html5,無聊所畫:

    畫圖需要掌握;

      1.畫布,畫筆,畫圓,給畫筆添加顏色。(註:掌握這幾點,你就可以稱霸畫圖界了。)

  雖然沒有畫畫天賦,但代碼寫的也是溜溜滴!(註:此圖沒有上色完,想裝逼,自己補完!)

                                                                                                                                                                 別忘了點個關註!

<!DOCTYPE html>
<!-- saved from url=(0041)http://127.0.0.1:8020/chessFive/lbjn.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>蘭博基尼</title>
<style type="text/css">
*{margin: 0;}
#canvas{
margin: 100px auto; display: block; box-shadow:0px 0px 10px #00ff00; border-radius:4px;
}

</style>
</head>
<body>
<canvas width="1050" height="495" id="canvas"></canvas>
<script>
lanbo=function(){
var chess=document.getElementById("canvas");//拿到畫布
var hb =chess.getContext("2d");//拿到畫筆
hb.fillStyle="#000000";
hb.fillStyle="#000000";
hb.beginPath();
hb.beginPath();

hb.moveTo(30*1.5,152*1.5)
hb.lineTo(276*1.5,121*1.5)
hb.closePath();

hb.moveTo(276*1.5,121*1.5)
hb.lineTo(312*1.5,126*1.5)
hb.closePath();

hb.moveTo(312*1.5,126*1.5)
hb.lineTo(316*1.5,153*1.5)
hb.closePath();

hb.moveTo(316*1.5,153*1.5)
hb.lineTo(385*1.5,162*1.5)
hb.closePath();

hb.moveTo(385*1.5,162*1.5)
hb.lineTo(390*1.5,148*1.5)
hb.closePath();

hb.moveTo(390*1.5,148*1.5)
hb.lineTo(391*1.5,147*1.5)
hb.closePath();

hb.moveTo(390*1.5,147*1.5)
hb.lineTo(392*1.5,147*1.5)
hb.closePath();

hb.moveTo(390*1.5,147*1.5)
hb.lineTo(393*1.5,148*1.5)
hb.closePath();

hb.moveTo(390*1.5,148*1.5)
hb.lineTo(393*1.5,149*1.5)
hb.closePath();

hb.moveTo(393*1.5,149*1.5)
hb.lineTo(390*1.5,163*1.5)
hb.closePath();

hb.moveTo(390*1.5,163*1.5)
hb.lineTo(406*1.5,166*1.5)
hb.closePath();

hb.moveTo(406*1.5,166*1.5)
hb.lineTo(403*1.5,152*1.5)
hb.closePath();

hb.moveTo(403*1.5,152*1.5)
hb.lineTo(410*1.5,143*1.5)
hb.closePath();

hb.moveTo(410*1.5,143*1.5)
hb.lineTo(489*1.5,169*1.5)
hb.closePath();

hb.moveTo(410*1.5,143*1.5)
hb.lineTo(372*1.5,134*1.5)
hb.closePath();

hb.moveTo(372*1.5,134*1.5)
hb.lineTo(376*1.5,122*1.5)
hb.closePath();

hb.moveTo(376*1.5,122*1.5)
hb.lineTo(502*1.5,164*1.5)
hb.closePath();

hb.moveTo(502*1.5,164*1.5)
hb.lineTo(517*1.5,163*1.5)
hb.closePath();

hb.moveTo(517*1.5,163*1.5)
hb.lineTo(524*1.5,164*1.5)
hb.closePath();

hb.moveTo(524*1.5,164*1.5)
hb.lineTo(535*1.5,165*1.5)
hb.closePath();

hb.moveTo(535*1.5,165*1.5)
hb.lineTo(586*1.5,181*1.5)
hb.closePath();

hb.moveTo(586*1.5,181*1.5)
hb.lineTo(612*1.5,193*1.5)
hb.closePath();

hb.moveTo(612*1.5,193*1.5)
hb.lineTo(630*1.5,205*1.5)
hb.closePath();

hb.moveTo(630*1.5,205*1.5)
hb.lineTo(641*1.5,215*1.5)
hb.closePath();

hb.moveTo(641*1.5,215*1.5)
hb.lineTo(633*1.5,220*1.5)
hb.closePath();

hb.moveTo(633*1.5,220*1.5)
hb.lineTo(628*1.5,237*1.5)
hb.closePath();

hb.moveTo(628*1.5,237*1.5)
hb.lineTo(642*1.5,252*1.5)
hb.closePath();

hb.moveTo(642*1.5,252*1.5)
hb.lineTo(648*1.5,254*1.5)
hb.closePath();

hb.moveTo(648*1.5,254*1.5)
hb.lineTo(634*1.5,264*1.5)
hb.closePath();

hb.moveTo(634*1.5,264*1.5)
hb.lineTo(571*1.5,267*1.5)
hb.closePath();

hb.moveTo(571*1.5,267*1.5)
hb.lineTo(572*1.5,262*1.5)
hb.closePath();

hb.moveTo(572*1.5,262*1.5)
hb.lineTo(570*1.5,262*1.5)
hb.closePath();
hb.stroke();

//hb.strokeStyle="#000000";
hb.beginPath();
hb.arc(128*1.5,227*1.5,54*1.5,3,Math.PI*1.9);
//hb.fillStyle="#000000";
//hb.fill();
hb.stroke();
hb.closePath();


//咕嚕 521 235
hb.beginPath();
hb.arc(521*1.5,235*1.5,54*1.5,3,Math.PI*1.9);
hb.stroke();
hb.closePath();



hb.beginPath();
hb.arc(521*1.5,235*1.5,50*1.5,0,Math.PI*2);
hb.fillStyle="#000000";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(521*1.5,235*1.5,41*1.5,0,Math.PI*2);
hb.fillStyle="#FF359A";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(521*1.5,235*1.5,34*1.5,0,Math.PI*2);
hb.fillStyle="#000000";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(521*1.5,235*1.5,12*1.5,0,Math.PI*2);
hb.fillStyle="#FF359A";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(521*1.5,235*1.5,3*1.5,0,Math.PI*2);
hb.fillStyle="#272727";
hb.fill();
hb.closePath();




//前輪螺絲
hb.beginPath();
hb.arc(529*1.5,233*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(521*1.5,227*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(513*1.5,234*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(517*1.5,243*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(527*1.5,241*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();


//後輪
hb.strokeStyle="#000000";
hb.beginPath();
hb.arc(128*1.5,227*1.5,50*1.5,0,Math.PI*2);
hb.fillStyle="#000000";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(128*1.5,227*1.5,41*1.5,0,Math.PI*2);
hb.fillStyle="#FF359A";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(128*1.5,227*1.5,34*1.5,0,Math.PI*2);
hb.fillStyle="#000000";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(128*1.5,227*1.5,12*1.5,0,Math.PI*2);
hb.fillStyle="#FF359A";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(128*1.5,227*1.5,3*1.5,0,Math.PI*2);
hb.fillStyle="#272727";
hb.fill();
hb.closePath();

//後輪螺絲

hb.beginPath();
hb.arc(129*1.5,218*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(120*1.5,223*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(121*1.5,232*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(131*1.5,235*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(137*1.5,226*1.5,2,0,Math.PI*2);
hb.fillStyle="#28ff28";
hb.fill();
hb.closePath();

hb.beginPath();
hb.arc(149*1.5,240*1.5,2,0,Math.PI*2);
hb.fillStyle="#000000";
hb.fill();
hb.closePath();

//起
hb.moveTo(30*1.5,152*1.5)
hb.lineTo(37*1.5,175*1.5)
hb.closePath();


hb.moveTo(474*1.5,265*1.5)
hb.lineTo(176*1.5,263*1.5)
hb.closePath();


hb.moveTo(37*1.5,175*1.5)
hb.lineTo(41*1.5,193*1.5)
hb.closePath();

hb.moveTo(41*1.5,193*1.5)
hb.lineTo(22*1.5,200*1.5)
hb.closePath();
//半
hb.moveTo(22*1.5,200*1.5)
hb.lineTo(21*1.5,201*1.5)
hb.closePath();

hb.moveTo(21*1.5,201*1.5)
hb.lineTo(20*1.5,202*1.5)
hb.closePath();

hb.moveTo(20*1.5,201*1.5)
hb.lineTo(21*1.5,203*1.5)
hb.closePath();

hb.moveTo(21*1.5,203*1.5)
hb.lineTo(22*1.5,204*1.5)
hb.closePath();

hb.moveTo(22*1.5,204*1.5)
hb.lineTo(30*1.5,215*1.5)
hb.closePath();
//xia
hb.moveTo(30*1.5,215*1.5)
hb.lineTo(26*1.5,223*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(26*1.5,223*1.5)
hb.lineTo(39*1.5,232*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(39*1.5,232*1.5)
hb.lineTo(61*1.5,251*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(61*1.5,251*1.5)
hb.lineTo(75*1.5,253*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(75*1.5,253*1.5)
hb.lineTo(75*1.5,245*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(641*1.5,215*1.5)
hb.lineTo(629*1.5,215*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(629*1.5,215*1.5)
hb.lineTo(616*1.5,247*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(616*1.5,247*1.5)
hb.lineTo(632*1.5,257*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(632*1.5,257*1.5)
hb.lineTo(641*1.5,252*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(632*1.5,257*1.5)
hb.lineTo(574*1.5,259*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(574*1.5,259*1.5)
hb.lineTo(571*1.5,267*1.5)
hb.closePath();
hb.stroke();





//加輪廓

hb.moveTo(569*1.5,262*1.5)
hb.lineTo(574*1.5,251*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(574*1.5,251*1.5)
hb.lineTo(573*1.5,222*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(573*1.5,222*1.5)
hb.lineTo(572*1.5,216*1.5)
hb.closePath();
hb.stroke();



hb.moveTo(475*1.5,265*1.5)
hb.lineTo(467*1.5,242*1.5)
hb.closePath();
hb.stroke();



hb.moveTo(176*1.5,263*1.5)
hb.lineTo(184*1.5,238*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(184*1.5,238*1.5)
hb.lineTo(179*1.5,208*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(76*1.5,246*1.5)
hb.lineTo(75*1.5,235*1.5)
hb.closePath();
hb.stroke();
//細化
hb.moveTo(20*1.5,200*1.5)
hb.lineTo(37*1.5,202*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(37*1.5,202*1.5)
hb.lineTo(49*1.5,196*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(49*1.5,196*1.5)
hb.lineTo(40*1.5,165*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(40*1.5,165*1.5)
hb.lineTo(30*1.5,151*1.5)
hb.closePath();
hb.stroke();
//
hb.moveTo(273*1.5,129*1.5)
hb.lineTo(261*1.5,128*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(261*1.5,128*1.5)
hb.lineTo(198*1.5,147*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(198*1.5,147*1.5)
hb.lineTo(258*1.5,149*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(258*1.5,149*1.5)
hb.lineTo(432*1.5,174*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(432*1.5,174*1.5)
hb.lineTo(459*1.5,175*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(459*1.5,175*1.5)
hb.lineTo(516*1.5,164*1.5)
hb.closePath();
hb.stroke();



hb.moveTo(432*1.5,174*1.5)
hb.lineTo(447*1.5,155*1.5)
hb.closePath();
hb.stroke();





hb.moveTo(447*1.5,155*1.5)
hb.lineTo(457*1.5,160*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(458*1.5,159*1.5)
hb.lineTo(440*1.5,175*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(446*1.5,176*1.5)
hb.lineTo(468*1.5,192*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(468*1.5,192*1.5)
hb.lineTo(461*1.5,219*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(461*1.5,219*1.5)
hb.lineTo(459*1.5,243*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(459*1.5,243*1.5)
hb.lineTo(301*1.5,228*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(301*1.5,228*1.5)
hb.lineTo(283*1.5,175*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(283*1.5,175*1.5)
hb.lineTo(276*1.5,164*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(276*1.5,164*1.5)
hb.lineTo(288*1.5,153*1.5)
hb.closePath();
hb.stroke();
//
hb.moveTo(468*1.5,244*1.5)
hb.lineTo(302*1.5,238*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(302*1.5,238*1.5)
hb.lineTo(301*1.5,228*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(302*1.5,238*1.5)
hb.lineTo(251*1.5,225*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(251*1.5,225*1.5)
hb.lineTo(216*1.5,175*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(216*1.5,175*1.5)
hb.lineTo(276*1.5,164*1.5)
hb.closePath();
hb.stroke();


//線

hb.moveTo(179*1.5,153*1.5)
hb.lineTo(276*1.5,164*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(276*1.5,164*1.5)
hb.lineTo(468*1.5,192*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(262*1.5,129*1.5)
hb.lineTo(245*1.5,142*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(245*1.5,142*1.5)
hb.lineTo(255*1.5,149*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(255*1.5,149*1.5)
hb.lineTo(272*1.5,130*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(272*1.5,130*1.5)
hb.lineTo(306*1.5,126*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(306*1.5,126*1.5)
hb.lineTo(302*1.5,155*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(307*1.5,127*1.5)
hb.lineTo(312*1.5,157*1.5)
hb.closePath();
hb.stroke();

//
hb.moveTo(30*1.5,152*1.5)
hb.lineTo(44*1.5,160*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(44*1.5,160*1.5)
hb.lineTo(82*1.5,173*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(198*1.5,147*1.5)
hb.lineTo(138*1.5,143*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(138*1.5,143*1.5)
hb.lineTo(72*1.5,147*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(177*1.5,202*1.5)
hb.lineTo(188*1.5,207*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(188*1.5,207*1.5)
hb.lineTo(204*1.5,232*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(204*1.5,232*1.5)
hb.lineTo(193*1.5,255*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(193*1.5,255*1.5)
hb.lineTo(179*1.5,257*1.5)
hb.closePath();
hb.stroke();
/*
hb.moveTo(453*1.5,251*1.5)
hb.lineTo(438*1.5,261*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(438*1.5,261*1.5)
hb.lineTo(296*1.5,261*1.5)
hb.closePath();
hb.stroke();
*/





//前輪葉軸輪廓 五角星
hb.lineWidth=4;
hb.strokeStyle="#FF359A";
hb.beginPath();
hb.moveTo(533*1.5,231*1.5)
hb.lineTo(542*1.5,206*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(542*1.5,206*1.5)
hb.lineTo(521*1.5,224*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(521*1.5,224*1.5)
hb.lineTo(500*1.5,209*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(500*1.5,209*1.5)
hb.lineTo(510*1.5,233*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(510*1.5,233*1.5)
hb.lineTo(488*1.5,250*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(488*1.5,250*1.5)
hb.lineTo(515*1.5,245*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(515*1.5,245*1.5)
hb.lineTo(526*1.5,273*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(526*1.5,273*1.5)
hb.lineTo(529*1.5,244*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(529*1.5,244*1.5)
hb.lineTo(556*1.5,245*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(556*1.5,245*1.5)
hb.lineTo(533*1.5,231*1.5)
hb.closePath();
hb.stroke();

//後五角星
hb.moveTo(140*1.5,225*1.5)
hb.lineTo(155*1.5,201*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(155*1.5,201*1.5)
hb.lineTo(129*1.5,215*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(129*1.5,215*1.5)
hb.lineTo(112*1.5,194*1.5)
hb.closePath();
hb.stroke();


hb.moveTo(112*1.5,194*1.5)
hb.lineTo(117*1.5,222*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(117*1.5,222*1.5)
hb.lineTo(91*1.5,230*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(91*1.5,230*1.5)
hb.lineTo(118*1.5,233*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(118*1.5,233*1.5)
hb.lineTo(117*1.5,262*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(117*1.5,262*1.5)
hb.lineTo(132*1.5,238*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(132*1.5,238*1.5)
hb.lineTo(158*1.5,246*1.5)
hb.closePath();
hb.stroke();

hb.moveTo(158*1.5,246*1.5)
hb.lineTo(140*1.5,225*1.5)
hb.closePath();
hb.stroke();
hb.lineWidth=1;
/*
//前五角星添加顏色
var x=0;//寬的坐標

//1
for(var i=1;i<19;i++){
hb.strokeStyle="#FF359A";
hb.beginPath();
hb.moveTo(542*1.5,206*1.5)
hb.lineTo((533-i)*1.5,231*1.5)
hb.closePath();
hb.stroke();
}
//2
var y=0;//豎的坐標
for(var i=1;i<11;i++){
hb.strokeStyle="#FF359A";
hb.beginPath();

hb.moveTo(500*1.5,209*1.5)
hb.lineTo((521-i)*1.5,(224+y)*1.5)
hb.closePath();
hb.stroke();
y++;
}
*/

//#4f4f4f 微黑
//#c2ff66 亮綠
var y=0;
for(var i=1;i<16;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo((648-i)*1.5,(254+y*0.68)*1.5)
hb.lineTo((641-i)*1.5,(252+y*0.68)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<61;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo((636-i)*1.5,(263+y*0.048)*1.5)
hb.lineTo((633-i)*1.5,(257+y*0.048)*1.5)
hb.closePath();
hb.stroke();
y++;
}

for(var i=1;i<9;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo(571*1.5,267*1.5)
hb.lineTo((576)*1.5,(258+i)*1.5)
hb.closePath();
hb.stroke();
}

//車頭
for(var i=1;i<8;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo(641*1.5,215*1.5)
hb.lineTo((629)*1.5,(214+i)*1.5)
hb.closePath();
hb.stroke();
}
var y=0;
for(var i=1;i<31;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo((633-y*0.4)*1.5,(221+i)*1.5)
hb.lineTo((629-y*0.4)*1.5,(214+i)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<15;i++){
hb.strokeStyle="#4f4f4f";
hb.beginPath();
hb.moveTo((615+i)*1.5,(246-y*0.75)*1.5)
hb.lineTo((621+i*0.5)*1.5,(249-y*0.55)*1.5)
hb.closePath();
hb.stroke();
y++;
}


var y=0;
for(var i=1;i<5;i++){
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((629)*1.5,(239)*1.5)
hb.lineTo((632-i)*1.5,(242)*1.5)
hb.closePath();
hb.stroke();

}

var y=0;
for(var i=1;i<10;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((620+i)*1.5,(249-y*1.1)*1.5)
hb.lineTo((633+i*0.8)*1.5,(257-y*0.66)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<184;i++){
hb.lineWidth=0.8;
hb.strokeStyle="#6f00d2";
hb.beginPath();
hb.moveTo((276+i)*1.5,(165+y*0.145)*1.5)
hb.lineTo((283+i)*1.5,(175+y*0.145)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<10;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((467)*1.5,(192)*1.5)
hb.lineTo((465-y)*1.5,(200-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<7;i++){
hb.lineWidth=2;
hb.strokeStyle="#3c3c3c";
hb.beginPath();
hb.moveTo((467)*1.5,(198-y)*1.5)
hb.lineTo((280-i*0.5)*1.5,(170-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<19;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((283+i*0.35)*1.5,(175+y)*1.5)
hb.lineTo((465-i*0.2)*1.5,(201+y)*1.5)
hb.closePath();
hb.stroke();
y++;
}


var y=0;
for(var i=1;i<25;i++){
hb.lineWidth=4;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((289+i*0.5)*1.5,(193+y*1.453)*1.5)
hb.lineTo((461-i*0.08)*1.5,(219+y)*1.5)
hb.closePath();
hb.stroke();
y++;
}



var y=0;
for(var i=1;i<10;i++){
hb.lineWidth=1;
hb.strokeStyle="#ff60af";
hb.beginPath();
hb.moveTo((458)*1.5,(244)*1.5)
hb.lineTo((302)*1.5,(229+y*1)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<11;i++){
hb.lineWidth=3;

if(i<8){
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((287-i*0.94)*1.5,(154+y)*1.5)
hb.lineTo((446+i*1.8)*1.5,(176+y*1.58)*1.5)
hb.closePath();
hb.stroke();
}else{

hb.strokeStyle="#b15bff";
hb.beginPath();
hb.moveTo((287-i*0.94)*1.5,(154+y)*1.5)
hb.lineTo((446+i*1.8)*1.5,(176+y*1.58)*1.5)
hb.closePath();
hb.stroke();

}
y++;
}

var y=0;
for(var i=1;i<55;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";

if(i<11){
hb.beginPath();
hb.moveTo((632)*1.5,(258)*1.5)
hb.lineTo((571+i*0.3)*1.5,(258-y*0.7)*1.5)
hb.closePath();
hb.stroke();
}else if(i<25){
hb.beginPath();
hb.moveTo((632)*1.5,(258)*1.5)
hb.lineTo((574.1)*1.5,(258-y*0.7)*1.5)
hb.closePath();
hb.stroke();
}else if(i<55){
hb.beginPath();
hb.moveTo((632)*1.5,(258)*1.5)
hb.lineTo((573.5)*1.5,(258-y*0.7)*1.5)
hb.closePath();
hb.stroke();
}
y++;
}

var y=0;
for(var i=1;i<60;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";
if(i<10){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((572.8)*1.5,(223-y*0.7)*1.5)
hb.closePath();
hb.stroke();
}else if(i<25){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((573-i*0.24)*1.5,(223-y*0.78)*1.5)
hb.closePath();
hb.stroke();
}else if(i<28){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((572-i*0.3)*1.5,(227-y*1)*1.5)
hb.closePath();
hb.stroke();
}else if(i<40){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((585-i*0.78)*1.5,(227-y*1)*1.5)
hb.closePath();
hb.stroke();
}else{
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((585-i*0.9)*1.5,(223-y)*1.5)
hb.closePath();
hb.stroke();
}
y++;
}


var y=0;
for(var i=1;i<350;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";
if(i<70){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((632-i*0.3)*1.5,(206-y*0.2)*1.5)
hb.closePath();
hb.stroke();
}else if(i<150){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((632-i*0.3)*1.5,(203-y*0.15)*1.5)
hb.closePath();
hb.stroke();
}else if(i<330){
hb.beginPath();
hb.moveTo((616)*1.5,(247)*1.5)
hb.lineTo((634-i*0.31)*1.5,(196.5-y*0.1)*1.5)
hb.closePath();
hb.stroke();
}
y++;
}
//小三角形
var y=0;
for(var i=1;i<12;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((641)*1.5,(215)*1.5)
hb.lineTo((628)*1.5,(214-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<20;i++){
hb.lineWidth=1;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((533)*1.5,(165)*1.5)
hb.lineTo((565-i*1.3)*1.5,(201-y*1)*1.5)
hb.closePath();
hb.stroke();
y++;
}
var y=0;
for(var i=1;i<22;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((543-i)*1.5,(185-i*0.2)*1.5)
hb.lineTo((537-i)*1.5,(165-i*0.08)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<55;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((522-i)*1.5,(180+i*0.2)*1.5)
hb.lineTo((516-i)*1.5,(163+i*0.2)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<22;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((448.5)*1.5,(175.5)*1.5)
hb.lineTo((477+i*1)*1.5,(203-i*0.9)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<5;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((448.5)*1.5,(175.5)*1.5)
hb.lineTo((469)*1.5,(175+i*0.5)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<2;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((493)*1.5,(188)*1.5)
hb.lineTo((502)*1.5,(184+i*0.5)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<5;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((569+i*0.5)*1.5,(262-y)*1.5)
hb.lineTo((572+i*0.5)*1.5,(262-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}

var y=0;
for(var i=1;i<26;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((459+i*0.08)*1.5,(243.5-y)*1.5)
hb.lineTo((467+i*0.1)*1.5,(244-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}
var y=0;
for(var i=1;i<23;i++){
hb.lineWidth=2;
hb.strokeStyle="#921aff";
hb.beginPath();
hb.moveTo((461+i*0.3)*1.5,(219-y*1.2)*1.5)
hb.lineTo((469+i*0.45)*1.5,(219-y)*1.5)
hb.closePath();
hb.stroke();
y++;
}

}
lanbo();
</script>

</body></html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Visual Stdio 下編譯 C 文件時出現的: warning C4819: 該文件包含不能在當前代碼頁(936)中表示的字元。請將該文件保存為 Unicode 格式以防止數據丟失 解決方案: 打開【文件】->【高級保存選項】,設置合適的編碼,我這裡選擇了“Unicode (UTF-8 帶簽名 ...
  • if條件判斷語句: 1: if後面的是條件(註:這裡跟java不一樣,條件不需要加()) 如果條件成立,會返回一個(True),就會執行下麵的語句。 條件不成立,執行else裡面的語句。(註:代碼縮進) 迴圈語句: 2:while 判斷條件可以是任何表達式,任何非零,非空的值均為True.判斷條件F ...
  • 說起日誌,大家都是耳熟能詳的,一大堆日誌插件映入眼帘,日誌收集的方式也歷歷在目,但是,今天我們的重點不僅僅是收集日誌了,今天我們主要說說怎麼管理日誌 收集日誌 日誌管理的第一件事,就是日誌的收集。日誌收集是開發者必備的技巧,不管是哪個開發語言,哪個開發平臺,日誌收集的插件都是有很多選擇的。例如: . ...
  • 為了發送一個請求,您的代碼需要知道服務實例的網路位置(IP 地址與埠)。在運行於物理硬體上的傳統應用中,服務實例的網路位置是相對靜態的。例如,您的代碼可以從偶爾更新的配置文件中讀取網路位置。服務實例具有動態分配的網路位置。此外,由於自動擴展、故障與升級,整組服務實例會動態變更。因此,您的客戶端代碼... ...
  • 哎呀,一不小心自己的博客也是HTTP/2.0了,前段時間對網站進行了https遷移並上了CDN,最終的結果是這醬紫的(重點小綠鎖,安全標示以及HTTP/2.0請求)。 科普 隨著互聯網的快速發展,HTTP1.x協議得到了迅猛發展,但當網站一個頁麵包含了數幾十個請求時,HTTP1.x協議的局限性便暴露 ...
  • 1. 寫在前面 當我們登錄了一個網站,在沒有退出登錄的情況下,我們關閉了這個網站 ,過一段時間,再次打開這個網站,依然還會是登錄狀態。這是因為,當我們登錄了一個網站,伺服器會保存我們的登錄狀態,直到我們退出登錄,或者保存的登錄狀態過期。那伺服器是通過什麼存儲我們的登錄狀態的呢? 答案就是 Sessi ...
  • background attachment 該屬性來定義背景圖片隨滾動軸的移動方式 取值: scroll | fixed | inherit scroll : 隨著頁面的滾動軸背景圖片將移動 fixed : 隨著頁面的滾動軸背景圖片不會移動 inherit : 繼承 ...
  • 在JS中,函數的調用大多數都是由用戶主動調用觸發,但是在有的事件中,比如mousemove、window.onresize、touchmove中,函數的調用次數會非常頻繁,從而消耗瀏覽器大量的記憶體空間,造成瀏覽器卡頓甚至假死的問題。所以函數節流的目的就是減少函數在這些事件中的調用次數,從不可控制到可 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...