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>
转载于:https://www.cnblogs.com/QI1125/p/7494918.html
html5 代码画兰博基尼跑车，6不6你说的算！相关推荐
- html跑车模板,html5代码画兰博基尼跑车，6不6？
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //车头 for(var i=1;i<8;i++){ hb.strokeStyle="#4f4f4f"; hb.beginPat ...
- 跑车html5网页模板,html5代码画兰博基尼跑车，6不6？
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 //车头 for(var i=1;i<8;i++){ hb.strokeStyle="#4f4f4f"; hb.beginPat ...
- 神级程序猿用HTML5代码画出恐龙求欢图，想象力太丰富！
点击查看恐龙的爱恋特效 纯HTML5/CSS3画出唯美恐龙之爱,无javascript! 最近都比较偏向于找纯CSS3动画,或者游戏特效,前段时间写了太多的javascript的特效,案例,包括封装插 ...
- html5垂直线怎么画,HTML5 Canvas画线技巧
正统的HTML5 Canvas中如下代码 复制代码代码如下: ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(10, 100); ctx.lineTo(3 ...
- 神级程序员8000行css代码画出一个蒙娜丽莎，堪比达芬奇！
代码画出的蒙娜丽莎 今天逛CODEPEN找HTML5动画案例的时候,偶尔看到一位神级大师的作品,用纯CSS代码画出一副蒙娜丽莎,虽然分辨率不高,但是仍然让我很是震撼,一看代码,整整8000行,基本一行 ...
- html5画直线箭头,HTML5 canvas画带箭头的虚线
今天给大家讲解的是在HTML5 canvas画带箭头的虚线.关于Canvas 对象表示一个 HTML 画布元素 -.它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作. 本案例注意事项 ...
- html语言对ui设计,学ui设计还需要学html5代码？
原标题:学ui设计还需要学html5代码? 随着移动互联网时代的发展,ui设计师目前的缺口越来越大,很多人都想去学习ui设计,不管是已经参加工作的还是正在上大学的大学生,还是想学习一门技能的小白:那么 ...
- HTML关于机器猫的小游戏,完美起航-用HTML5+CSS3画一个简易的机器猫头像
用HTML5+CSS3画一个机器猫的头像,原图如下: 代码实现效果如下: 布局使用了绝对定位.相对定位以及浮动,鼻子使用了背景图像渐变的效果, 笑脸的嘴巴使用椭圆的下边框实现,胡须部分的细节处理得还是 ...
- html5转apicloud,使用APICloud编写优雅的HTML5代码
使用APICloud编写优雅的HTML5代码<一>一.实现下拉刷新: 默认样式>代码清晰简洁明了,符合ECMA262规范的callback,最少只需5行代码: apiready = ...
最新文章
- 态势“知”多少，点开就知道
- 画单自由度系统传递函数(实频，虚频，幅频,相位，导纳)
- android+多米音乐+自动播放,android 高仿多米音乐播放器
- WireSkark（六）
- Invocation failed Unexpected end of file from server java.lang.RuntimeException: Invocation failed U
- html和jsp的差异
- jq post 表单提交文件_Power Query 中使用POST方法进行网络抓取的尝试
- WPF界面设计的模式
- WPS设置章节多级标题自动编号（详细实用）
- advisor 2002在matlab2014a上的安装
- 10个我经常逛的“小网站”，嘿嘿嘿
- 从隐函数存在定理到隐函数定理
- c#split方法拆分为数据_C# 根据分隔符拆分Excel单元格数据
- 抖音企业号seo排名优化账号矩阵系统
- NVIDIA安装程序失败 ，win10 RTX3060安装CUDA11.7
- 如何删除Windows更新后残留的文件
- c语言中error c2065: c: 未声明的标识符,error C2065：未声明的标识符错误
- 《Python自然语言处理》-ch1-语料库
- 原生js去除前后空格
- Revit结构构件之间的扣减问题及解决