如何使用JavaScript实现图形打印？

使用JavaScript打印图形

我们将探讨如何使用JavaScript来打印各种图形，通过一些简单的代码示例，你将学会如何生成基本的几何形状、文本艺术以及更复杂的图案，让我们从基础开始吧！

1. 基本几何形状

1 圆形

function drawCircle(radius) {
    for (let y = -radius; y <= radius; y++) {
        let line = '';
        for (let x = -radius; x <= radius; x++) {
            if (Math.sqrt(x*x + y*y) <= radius) {
                line += '*';
            } else {
                line += ' ';
            }
        }
        console.log(line);
    }
}
drawCircle(5);

2 正方形

function drawSquare(size) {
    for (let i = 0; i < size; i++) {
        let line = '';
        for (let j = 0; j < size; j++) {
            line += '*';
        }
        console.log(line);
    }
}
drawSquare(5);

2. 文本艺术

1 打印金字塔

function drawPyramid(levels) {
    for (let i = 1; i <= levels; i++) {
        let line = '';
        for (let j = 1; j <= i; j++) {
            line += '*';
        }
        console.log(line);
    }
}
drawPyramid(5);

2 打印菱形

function drawDiamond(size) {
    for (let i = 1; i <= size; i++) {
        let spaces = ' '.repeat(size i);
        let stars = '*'.repeat(2 * i 1);
        console.log(spaces + stars);
    }
    for (let i = size 1; i >= 1; i--) {
        let spaces = ' '.repeat(size i);
        let stars = '*'.repeat(2 * i 1);
        console.log(spaces + stars);
    }
}
drawDiamond(5);

3. 复杂图案

1 圣诞树

function drawChristmasTree(height) {
    for (let i = 1; i <= height; i++) {
        let spaces = ' '.repeat(height i);
        let stars = '*'.repeat(2 * i 1);
        console.log(spaces + stars);
    }
    for (let i = height 2; i >= 0; i--) {
        let spaces = ' '.repeat(height i);
        let stars = '*'.repeat(2 * i 1);
        console.log(spaces + stars);
    }
}
drawChristmasTree(5);

2 心形图案

function drawHeart() {
    for (let y = 15; y >= -15; y--) {
        let line = '';
        for (let x = -30; x <= 30; x++) {
            if (Math.pow(x, 2) + Math.pow((y-3), 2) Math.pow((y+3), 2) <= 900) {
                line += '*';
            } else {
                line += ' ';
            }
        }
        console.log(line);
    }
}
drawHeart();

相关问题与解答

Q1: 如何在JavaScript中绘制一个矩形？

A1: 你可以使用嵌套循环来绘制一个矩形，外层循环控制行数，内层循环控制列数。

function drawRectangle(width, height) {
    for (let i = 0; i < height; i++) {
        let line = '';
        for (let j = 0; j < width; j++) {
            line += '*';
        }
        console.log(line);
    }
}
drawRectangle(5, 3); // 宽度为5，高度为3的矩形

Q2: 如何在JavaScript中绘制一个等边三角形？

A2: 你可以通过逐渐增加星号的数量来绘制一个等边三角形。

function drawEquilateralTriangle(size) {
    for (let i = 1; i <= size; i++) {
        let line = '*'.repeat(i);
        console.log(line);
    }
}
drawEquilateralTriangle(5); // 高度为5的等边三角形

小伙伴们，上文介绍了“for打印图形js”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。