html5 代码画兰博基尼跑车，6不6你说的算！
源代码下方
由于本人喜爱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>
html5 代码画兰博基尼跑车，6不6你说的算！的更多相关文章
- html5代码,获取地理位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta htt ...
- 获取地理位置的html5代码
/** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { / ...
- Html5 代码
随着HTML5的流行,许多网站开始介绍HTML5元素和属性的用法,以及各种教程,并且越来越多老的浏览器开始兼容HTML5. 本文作者编译了10段非常实用的HTML5代码片段,开发者可以直接拿过去使 ...
- php代码画足球场
用代码画了个足球场 原图: 代码画出的效果图: 代码如下: // 创建一个 200X200 的图像 $img = imagecreate(800, 500); // 分配颜色 $bg = imagec ...
- 极客无极限 一行HTML5代码引发的创意大爆炸
摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...
- ReportMachine 自定义代码 画细线
ReportMachine 自定义代码 画细线 procedure Memo3_OnBeforePrint(Sender: TObject); begin Memo3.Text := inttostr ...
- HTML5代码规范
HTML5代码规范html标签里面等号两边不要留空格在IE下可能会识别不了html5等号前后可以使用空格,但仍不推荐使用. HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少.在 ...
- 程序员式优雅表白，教你用python代码画爱心
还能用python代码画爱心?还有这种操作?这是什么原理? 不相信python代码可以画爱心?先来一张效果图来看看效果吧! 用python代码画爱心的思路是怎样的? 1.怎么画心形曲线 2.怎么填满心 ...
- html5 canvas画不出图像的原因
很久没写博客了,今年过年的时候,家里出了意外,现在心里依然很难受.6月份之前一直忙着写毕业论文,答辩完6月初回公司继续上班,今天刚好周末有空,就写下之前碰到一个问题. 做一个图像查看器(基于Chrom ...
随机推荐
- 安装Composer与PsySH
Windows安装Composer 需要开启 openssl 配置:打开 php 目录下的 php.ini,将 extension=php_openssl.dll 前面的分号去掉就可以了. https ...
- 使用Keras基于AdvancedEAST的场景图像文本检测
Blog:https://blog.csdn.net/linchuhai/article/details/84677249 GitHub:https://github.com/huoyijie/Adv ...
- linux centos 安装mongoDB
1.下载mongoDB 例如下载3.2.19 64位版本 https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-3.2.19.tgz ...
- QT多线程同步之QWaitcondition
使用到多线程,无可避免的会遇到同步问题,qt提供几种同步线程的方法,在这里讲一下QWaitcondition的简单使用. 一.QWaitcondition,是通过一个线程达到某种条件来唤起另一个线程来 ...
- computed、watch、methods的区别
computed:计算属性是用来声明式的描述一个值依赖了其它的值.当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM.这个功能非常强大,它可以让你的代 ...
- MySQL5.7修改数据库目录！
MySQL5.7默认安装,修改之前,停止MySQL服务. 数据库目录:C:\ProgramData\MySQL\MySQL Server 5.7\Data 配置文件:C:\ProgramData\My ...
- LLVM 安装教程(包安装)
LLVM 安装教程 环境:ubuntu16.04 llvm-4.0 clang-4.0 步骤: 1.依赖库安装 $ sudo apt-get install build-essential curl ...
- 16、Nginx Rewrite重写
1.Rewrite基本概述 1.1.什么是rewrite Rewrite主要实现url地址重写, 以及地址重定向,就是将用户请求web服务器的地址重新定向到其他URL的过程. 1.2.Rewrite使 ...
- 文件I/O简述
什么是I/O 宏观上讲,I/O是信息处理系统(例如计算机)与外部世界(可能是人或其他信息处理系统)之间的通信.输入(Input)是系统接收的信号或数据,输出(Output)是从其发送的信号或数据.另一 ...
- 从subversion开始(svn安装配置全过程（+全套安装文件与配置文件）)…..
从subversion开始(svn安装配置全过程(+全套安装文件与配置文件))-.. 博客分类: 工具使用 SVNsubversion配置管理Apache应用服务器 </div> 花了一 ...