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

Question

I am currently putting together a site that will host users. Each user will have a profile page that will display an array of SVG circles, with each user also having a corresponding SVG_number in there own row in the users table of the database.

So for example if User1 has an SVG_number of 20 stored in the database, then they will see 20 circles on their profile page.

My question concerns the addition of new users, and how to have the site differentiate between these users to display the right amount of circles after querying the SVG_number?

And will I have to pre-build all of these SVG elements, hide them somewhere, and have the right one displayed relative to the users SVG_number through some sort of IF statement?

Im not looking for specific code, just a general idea of how I would go about organising this?

Quite new to programming, so I'm not totally clear on what languages this would involve, or what process. any help or advice would be appreciated!

Answer 1

You should use the programming language available for your server. In most cases, this will be PHP.

You need to make the .svg document end in .php, so you have a file like circles.php

Then in the document you need:

<?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>