我想为图像区域提供绿色和红色

【问题标题】：I want to give green and red color for image areas我想为图像区域提供绿色和红色
【发布时间】：2017-03-06 04:12:13
【问题描述】：

我想将 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>

【问题讨论】：

标签： php jquery css image imagemap

【解决方案1】：

查看<map>Html map tag的使用示例

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

您可能需要在服务器端动态生成图片，或者使用<canvas>在客户端渲染数据。

【讨论】：

我可以给区域标签上色吗？它不会来
我认为你不能为<area> 标签设置颜色。如果你只使用rect 形状，带有一些CSS 样式的<div> 应该可以工作。