当前位置： > 投稿>正文

js 编程风格，javascript的13个懒人技巧之瞬间画出几百个扁立方体

04-04 互联网未知投稿

关于【js 编程风格】，javascript的13个懒人技巧之瞬间画出几百个扁立方体，今天犇涌小编给您分享一下，如果对您有所帮助别忘了关注本站哦。

javascript
1.第1个程序helloworld	2.简明教程	3.技巧大全
4.Qrcode生成二维码	5.qrious生成二维码	6.jquery生成二维码
7.开发js小游戏	8.经典类库	9.13个类库
10.12个图表类库	11.几十个学习网站	12.js正则表达式
13.weui等18个库

function go

{

var allHtml="";

var h=35;//高

var w=30;//宽

var l=25; //每行l个

var cell=80;//格子大小

for( var i=0;i<500;i )

{

var yTop=Math.tan(26.5*2*Math.PI/360)*w;

var x1=10 i%l*cell;

var y1=parseInt(i/l)*cell;

var x2=x1 w;

var y2=y1-yTop;

var x3=x1 w w;

var y3=y1;

var x4=x3;

var y4=y1 h;

var x5=x2;

var y5=y4 yTop;

var x6=x1;

var y6=y4;

var x7=x2;

var y7=y1 yTop;

var strh=h.toString;

var strw=w.toString;

var strx1=x1.toString;

var stry1=y1.toString;

var strx2=x2.toString;

var stry2=y2.toString;

var strx3=x3.toString;

var stry3=y3.toString;

var strx4=x4.toString;

var stry4=y4.toString;

var strx5=x5.toString;

var stry5=y5.toString;

var strx6=x6.toString;

var stry6=y6.toString;

var strx7=x7.toString;

var stry7=y7.toString;

if( y5<=y7 ) break;

allHtml ="<g><polyline fill=\"none\" stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" points=\"" strx1 "," stry1 " " strx2 "," stry2 " " strx3 "," stry3 " " strx4 "," stry4 " " strx5 "," stry5 " " strx6 "," stry6 " " strx1 "," stry1 "\"/>";

allHtml ="\n";

allHtml ="<line stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"" strx1 "\" y1=\"" stry1 "\" x2=\"" strx7 "\" y2=\"" stry7 "\"/>";

allHtml ="\n";

allHtml ="<line stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"" strx3 "\" y1=\"" stry3 "\" x2=\"" strx7 "\" y2=\"" stry7 "\"/>";

allHtml ="\n";

allHtml ="<line stroke=\"#000000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" x1=\"" strx5 "\" y1=\"" stry5 "\" x2=\"" strx7 "\" y2=\"" stry7 "\"/></g>";

h-=0.1;

}

document.getElementById('txt1').value=allHtml;

}

</script>

js 编程风格，javascript的13个懒人技巧之瞬间画出几百个扁立方体

简笔画
1.工具	2.排线	3.自动画画
4.表情	5.眼睛	6.鼻子
7.嘴	8.发	9.手
10.身	11.姿势	12.衣服
13.火柴人	14.Q版人物	15.十二生肖
16.猫	17.鼠	18.牛
19.虎	20.兔	21.龙
22.蛇	23.马	24.羊
25.猴	26.鸡	27.狗
28.猪	29.大象	30.狮子
31.长颈鹿	32.鸟	33.虾蟹
34.鱼	35.蛙	36.建筑
37.家具	38.文具	39.交通
40.花草	41.树	42.水果
43.蛋糕	44.食物	45.春节
46.圣诞素材	47.盆栽	48.风景
49.车	50.乐器	51.房子
52.京剧	53.3D	54.七龙珠全家福
55.小丸子全家福	56.蜡笔小新全家福	57.机器猫全家福
58.巴巴爸爸全家福	59.小猪佩奇全家福	60.旅行青蛙全家福
61.光头强熊出没全家福	62.海绵宝宝全家福	63.丁老头全家福
64.米老鼠全家福	65.大白	66.粉红豹
67.葫芦娃全家福	68.蓝精灵全家福	69.超级飞侠
70.柯南	71.老夫子	72.辛普森
73.喜羊羊	74.花仙子	75.挤娃娃
76.装饰画	77.英语花体	78.纹身画
79.灰尘画	80.漫画插画家	81.沙画
82.像素画	83.春节	84.粉红豹
85.阿狸	86.超人	87.猫和老鼠
88.石头画	89.插花	90.思维导图
91.ai	92.sai	93.photoshop
94.狐狸	95.阿拉蕾	96.花木兰
97.奥特曼	98.一拳超人	99.复仇者联盟
100.英雄联盟	101.河马	102.尔康
103.地图

懒人大学-愿天下知识都能秒会
1.简笔画	2.公开课	3.水彩
4.水墨画	5.书法	6.手抄报
7.像素画	8.数位板	9.手帐
10.素描	11.速写	12.花体
13.自动画画	14.折纸	15.唱歌
16.编曲	17.尤克里里	18.吉他
19.物理	20.化学	21.少儿舞蹈
22.C语言	23.爬虫	24.AI音箱评测
25.手机评测	26.PPT	27.ai
28.sai	29.Excel	30.程序员网站
31.Linux	32.ih5	33.小程序
34.javascript	35.公众号	36.搜索引擎
37.中国历史	38.声律启蒙	39.鬼故事
40.幸福故事	41.解剖学	42.常见病
43.国学	44.国际音标	45.日语
46.马来语	47.德语	48.藏语
49.意大利语	50.葡萄牙语	51.西班牙语
52.越南语	53.泰语	54.俄语
55.阿拉伯语	56.韩语	57.英语
58.法语	59.Adobe Illustrator	60.Adobe Photoshop
61.摄影教程汇总	62.经典片头欣赏	63.粥
64.饺子	65.烹饪教程汇总	66.会计
67.插花教程汇总	68.健身	69.瑜伽
70.ted演讲汇总	71.思维导图	72.整理教程汇总
73.装修	74.包包DIY教程	75.科学
76.区块链	77.伟人	78.玩具
79.体育	80.电子	81.考研政治
82.哲学	83.旅游	84.服装
85.股票	86.种菜	87.建筑
88.t恤	89.数字电路	90.高考
91.AE特效	92.生物学	93.人工智能
94.棋牌	95.机器人	96.童话
97.玩具	98.粥	99.征稿
100.炒菜机	101.access	102.自媒体
103.投资	104.武器	105.力学