我想为图像区域提供绿色和红色
提问于 2017-03-06 04:12:14
我想将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>
回答 1
Stack Overflow用户
发布于 2017-03-06 04:46:54
请参阅<map> Html map tag的用法示例
href属性不显示图像(红色或绿色)。它是指向目标图像的超链接。屏幕上显示的图像是<img>标记的src文件。
您可能需要在服务器端动态生成图像，或者使用<canvas>在客户端呈现数据。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42617419
复制相关文章
腾讯云开发者
