0

我有 svg 站点地图，并添加了一些 IDS。在自定义字段中，我创建了一些转发器，以便您可以添加文本值，使其与 ID 或类匹配，然后我有一些选项，您可以选择从可用，快速搬入并出售。最后是颜色选择器。

我想在后端客户端键入 ID，选择和选项并分配颜色并应用于代码。

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1200 927" style="enable-background:new 0 0 1200 927;" xml:space="preserve">

<g id="Layer_1">
    
        <image style="overflow:visible;" width="1200" height="927" xlink:href="https://staging-yourintegrityhome.kinsta.cloud/wp-content/uploads/2020/04/SB-site-map-new-lots-8-30-21.jpg" >
    </image>
</g>
<g id="Bullets">
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="716" class="st0" cx="661.2" cy="249.8" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="715" class="st0" cx="649.3" cy="273.6" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="714" class="st0" cx="632.1" cy="298.8" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="710" class="st0" cx="588.6" cy="370.3" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="719" class="st0" cx="574.7" cy="395.9" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="718" class="st0" cx="561" cy="421.7" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="714" class="st0" cx="533.6" cy="505.1" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="703" class="st0" cx="524.8" cy="530.3" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="702" class="st0" cx="518.9" cy="557.4" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="728" class="st0" cx="598.4" cy="527.4" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="729" class="st0" cx="588.6" cy="551.4" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="730" class="st0" cx="580.6" cy="577" r="6"/>
    <circle style="fill:<?php the_field( 'site_map_color_dots' ); ?>" id="731" class="st0" cx="571.9" cy="599.4" r="6"/>
</g>
</svg>

在这里你可以看到图像

4

0 回答 0