javascript - 如何向每个用户显示自定义数量的 SVG 圆圈？

Question

我目前正在组建一个将托管用户的网站。每个用户都会有一个个人资料页面，该页面将显示 SVG 圆数组，每个用户在数据库的用户表中自己的行中也有一个相应的 SVG_number。

例如，如果 User1 在数据库中存储的 SVG_number 为 20，那么他们将在其个人资料页面上看到 20 个圆圈。

我的问题涉及新用户的添加，以及如何让网站区分这些用户，以便在查询 SVG_number 后显示正确数量的圆圈？

我是否必须预先构建所有这些 SVG 元素，将它们隐藏在某处，并通过某种 IF 语句相对于用户 SVG_number 显示正确的元素？

我不是在寻找特定的代码，只是在寻找如何组织这个代码的一般想法？

对编程相当陌生，所以我不太清楚这会涉及什么语言，或者什么过程。任何帮助或建议将不胜感激!

Answer 1

您应该使用适用于您的服务器的编程语言。在大多数情况下，这将是 PHP。

您需要使 .svg 文档以 .php 结尾，这样您就有一个像 circles.php 这样的文件

然后在您需要的文档中:

<?php
header('Content-type: image/svg+xml');
echo '<?xml version="1.0" standalone="no"?>';

$number = ... (get this from the database. Search for PHP and MySQL)
?>
<svg>
   ... your svg code ...
   <?php if ($number > 10) { ?>
     .. sample circle ...
   <?php } ?>
</svg>