Question

我希望显示0区域的状态为红点，1区域的状态为绿色。我用区域的样式标签。但是图像区域没有颜色。有人知道请帮帮我。我在下面分享我的代码

   <html>
   <map name="map1" id="_map1">
            <?php  
            foreach ($points as $point)
            {
                $name=$point->name;
                $status=$point->status;
                if($status==1){ ?>
                    <area shape="rect" coords="10,15,18,20"  href="<?php echo base_url()?>assets/images/green.jpg"   alt="" title="" onmouseover="<?php echo $name; ?>" />
                <?php 
                }
                else if($status==0) {?>
                    <area shape="rect"  coords="0,0,50,50" href="<?php echo base_url()?>assets/images/red.jpg"   alt="" title="" onmouseover="<?php echo $name; ?>"/> 
                <?php 
                } 
            } ?>
   </map>
   <img id="map1" src="<?php echo base_url()?>assets/images/rectangle.png" usemap="#map1" border="0" width="800" height="600" alt="" />
   </html>

Answer 1

请参阅<map> Html map tag

的使用示例

href属性不显示图像（红色或绿色）。它是指向目标图像的超链接。屏幕上显示的图片是src标记的<img>文件。

您可能需要在服务器端动态生成图像，或使用<canvas>在客户端呈现数据。

我想为图像区域

1 个答案: