js空心图形快速画法

iteye_19023

于 2016-09-27 23:33:04 发布

阅读量659

点赞数

文章标签： javaScript web html css 前端开发 ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_19023/article/details/82673770

版权

/*空心直角三角形*/
    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("")));

效果：