canvas教程

【html5 代码画兰博基尼跑车,6不6你说的算!

字号+ 作者:H5之家 来源:H5之家 2017-09-14 15:04 我要评论( )

html5 代码画兰博基尼跑车,6不6你说的算! - 大黑马, 源代码下方 由于本人喜爱html5,无聊所画: 画图需要掌握; 1.画布,画笔,画圆,给画笔添加颜色。(注:掌

有网友碰到过这样的问题:html5 代码画兰博基尼跑车,6不6你说的算! - 大黑马,问题详细内容为:挺不错的博文:html5 代码画兰博基尼跑车,6不6你说的算! - 大黑马,我搜你通过互联网收集了相关的一些解决方案,希望对有过相同或者相似问题的网友提供帮助,具体如下:

                源代码下方

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

    画图需要掌握;

      1.画布,画笔,画圆,给画笔添加颜色。(注:掌握这几点,你就可以称霸画图界了。)

  虽然没有画画天赋,但代码写的也是溜溜滴!(注:此图没有上色完,想装逼,自己补完!)

                                                                                                                                                                 别忘了点个关注!

<!DOCTYPE html>
<!-- saved from url=(0041):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></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>

 

posted @
请注意,本站信息均收集自互联网,相关信息仅供参考,医疗等重要信息请以正规途径为最终意见,本站不承担任何责任!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 请教一个屏幕画图问题,呼唤高手!

    请教一个屏幕画图问题,呼唤高手!

    2017-09-14 16:02

  • 详细介绍HTML5简易在线画图工具的实现案例

    详细介绍HTML5简易在线画图工具的实现案例

    2017-09-12 18:00

  • HTML5 Canvas 画钟表

    HTML5 Canvas 画钟表

    2017-09-12 17:02

  • HTML5的javascript touch事件

    HTML5的javascript touch事件

    2017-09-12 08:07

网友点评