html5 代码画兰博基尼跑车，6不6你说的算！

zoukankan html css js c++ java

html5 代码画兰博基尼跑车，6不6你说的算！

　　　　　　　　　　　　　　　　源代码下方

　　由于本人喜爱html5,无聊所画：

　　　　画图需要掌握;

　　　　　　1.画布，画笔，画圆，给画笔添加颜色。（注：掌握这几点，你就可以称霸画图界了。）

　　虽然没有画画天赋，但代码写的也是溜溜滴！（注：此图没有上色完，想装逼，自己补完！）

　　　　别忘了点个关注！

<!DOCTYPE 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>

查看全文

相关阅读:
DML、DDL、DCL的区别
 exe文件图标不见了,教你win10桌面EXE文件图标不见了如何解决
 js获取近十二个月
 关于tomcat中的三个端口的作用及其相关细节
 js判断对象是否为空对象的几种方法
 解决myeclipse validation验证javascript导致速度变慢的现象
 jQuery基础教程之is()方法和has() 方法
 2015年6月发布了ECMAScript6版本
 http系列--从输入 URL 到页面加载完成的过程
 一篇文看懂Hadoop

原文地址：https://www.cnblogs.com/QI1125/p/7494918.html

html5 代码画兰博基尼跑车，6不6你说的算！

源代码下方

由于本人喜爱html5,无聊所画：

虽然没有画画天赋，但代码写的也是溜溜滴！（注：此图没有上色完，想装逼，自己补完！）

　　　　　　　　　　　　　　　　源代码下方

　　由于本人喜爱html5,无聊所画：

　　虽然没有画画天赋，但代码写的也是溜溜滴！（注：此图没有上色完，想装逼，自己补完！）