欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js空心图形快速画法

程序员文章站 2022-05-12 16:25:38
...
/*空心直角三角形*/

for (var i = 0; i < 10; i++) {

(i == 0 || i == 9) ? document.write(Array(i + 2).join("*&nbsp;") + "<br>") : document.write("*" + Array(i + 1).join("&nbsp;&nbsp;&nbsp;") + "*<br>");

}

/*空心菱形*/

var arr = [];

for (var p = 0; p < 6; p++) {

(p == 0) ? arr.push(Array(6).join("&nbsp;&nbsp;&nbsp;") + "*<br>") : arr.push(Array(6 - p).join("&nbsp;&nbsp;&nbsp;") + "*" + Array(p * 2 + 1).join("&nbsp;&nbsp;&nbsp;") + "*<br>");

}

(document.write(arr.join("")), arr.pop(), document.write(arr.reverse().join("")));