利用php输出不同的心形图案

以下是利用PHP输出不同心形图案的完整攻略：

准备工作

首先需要安装PHP环境。如果您已经完成了安装，可以开始下一步。

实现过程

1. 创建一个HTML页面

在你的本地计算机上创建一个HTML文件index.html，用以下代码进行文件的基本定义和HTML结构的编写：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>生成心形图案</title>
</head>
<body>
    <h1>生成心形图案</h1>
    <form>
        <label for="size">选择大小： </label>
        <input type="number" name="size" min="50" max="200" id="size" value="100" required>

        <br/><br/>

        <label for="color">选择颜色： </label>
        <input type="color" name="color" id="color" value="#FF0000" required>

        <br/><br/>

        <input type="submit" value="生成">
    </form>

    <div>
        <?php include "heart.php";?>
    </div>
</body>
</html>

2. 创建PHP文件

在同一目录下创建一个心形图案的PHP文件heart.php。在这个文件中，我们将写一个函数，该函数将接受$ size和$ color这两个参数，并根据给定的参数来绘制心形图案。

<?php
function draw_heart( $size = 50, $color = '#FF0000' ) {
    // 定义一个用于绘制心形的SVG标签
    $svg = '<svg xmlns="http://www.w3.org/2000/svg" height="'.$size.'" viewBox="0 0 100 100"><path fill="'.$color.'" transform="rotate(45 50 50)" d="M0,50 A40,40 0 0,1 60,10 A40,40 0 0,1 100,50 Q100,80 60,95 Q40,100 25,90 Q0,70 0,50 Z"/></svg>';
    echo $svg;
}

if (isset($_GET['size']) && isset($_GET['color'])) {
    echo draw_heart($_GET['size'], $_GET['color']);
}
?>

在这个PHP文件中，我们定义了一个名为draw_heart的函数。此函数使用两个形参来接收传递的大小和颜色值。我们使用一个SVG标签绘制心形图案，并使用指定的颜色填充它。最后，我们将SVG代码返回到HTML页面并显示出来。

3. 运行并测试

在浏览器中打开index.html，选择你想要的大小和颜色值并单击“生成”按钮。在指定的颜色和大小下，你将看到一个可爱的心形图案。

下面是一个关于如何指定默认值及如何显示默认值的示例：

<?php
function draw_heart( $size = 50, $color = '#FF0000', $shape = "heart" ) {
    if ($shape == "heart") {
        // 定义一个用于绘制心形的SVG标签
        $svg = '<svg xmlns="http://www.w3.org/2000/svg" height="'.$size.'" viewBox="0 0 100 100"><path fill="'.$color.'" transform="rotate(45 50 50)" d="M0,50 A40,40 0 0,1 60,10 A40,40 0 0,1 100,50 Q100,80 60,95 Q40,100 25,90 Q0,70 0,50 Z"/></svg>';
    } elseif ($shape == "star") {
        $svg = '<svg xmlns="http://www.w3.org/2000/svg" height="'.$size.'" viewBox="0 0 100 100"><polygon fill="'.$color.'" points="50 1.58578624 61.18033989 35.9160787 98.2142857 35.9160787 68.7206808 57.163923 79.9000207 91.4942155 49.9999998 70.2463712 20.099973 91.4942155 31.2793128 57.163923 1.78570759 35.9160787 38.8196537 35.9160787 50 1.58578624"/></svg>';
    }
    echo $svg;
}

if (isset($_GET['size']) && isset($_GET['color']) && isset($_GET['shape'])) {
    echo draw_heart($_GET['size'], $_GET['color'] , $_GET['shape']);
} else {
    echo draw_heart();
}
?>

这里我们添加了第三个参数shape，来区分不同形状。在函数中，我们判断是否传入了这个形状参数，如果传入了，我们进行不同图形的选择；如果没有传入，我们使用默认的形状——心形。

在 HTML 页面中，我们添加一个新的表单中，包含一个用于选择默认形状和大小：

<form>
    <label for="size">选择大小： </label>
    <input type="number" name="size" min="50" max="200" id="size" value="100" required>

    <br/><br/>

    <label for="color">选择颜色： </label>
    <input type="color" name="color" id="color" value="#FF0000" required>

    <br/><br/>

    <label for="shape">选择形状：</label>
    <select name="shape" id="shape" required>
        <option value="heart">心形</option>
        <option value="star">星形</option>
    </select>

    <br/><br/>

    <input type="submit" value="生成">
</form>

这样，我们就可以用默认大小的心形和红色的填充了。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：利用php输出不同的心形图案 - Python技术站