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

天涯各一

收藏 赞 分享

愿天下没有难画的简笔画， 愿天下知识都能秒会

福利：懒人简笔画发粉丝红包了， 支付宝首页搜索“9092116”领取，现金发放，人人有份

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

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

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

<script>

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>

<body onload="go">

<textarea rows="50" cols="100" id="txt1"></textarea>

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

简笔画
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.3D54.七龙珠全家福
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.ai92.sai93.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.PPT27.ai
28.sai29.Excel30.程序员网站
31nux32.ih533.小程序
34.javascript35.公众号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 Illustrator60.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.access102.自媒体
103.投资104.武器105.力学

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

找不到您需要的教程?加群留言吧

懒人大学vip QQ群433569528

《懒人简笔画》同名图书已发售

京东，当当，淘宝，亚马逊 搜 懒人简笔画

史上第1本手残党秒会画画的书

报名懒人大学1对1培训班请加微信:mhw1212666

投稿请私信微博：懒人简笔画

福利：打开支付宝首页搜索“9092116”，即可领懒人大学专属随机红包，每天都有哦

,
展开全文

免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com

猜您喜欢

    热门推荐

    Copyright © 2013-2024 秒懂生活 站务投诉邮箱：anhduc.ph@yahoo.com

    分享
    投诉
    首页