如何向每个用户显示自定义数量的SVG圈子?

时间:2017-01-18 22:14:54

标签: javascript php html database svg

我目前正在组建一个托管用户的网站。每个用户都有一个配置文件页面,它将显示一组SVG圈子,每个用户在数据库的users表中的自己的行中也有相应的SVG_number。

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

我的问题是关于添加新用户,以及如何让网站区分这些用户以在查询SVG_number后显示正确数量的圈子?

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

我不是在寻找具体的代码,只是对如何组织这个代码的一般概念?

编程很新,所以我不清楚这将涉及哪种语言或什么过程。任何帮助或建议将不胜感激!

1 个答案:

答案 0 :(得分:1)

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

您需要在.php中结束.svg文档,因此您有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>