Я хочу дать зеленый и красный цвет для областей изображения

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>

0

css image imagemap jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Смотрите пример использования <map> HTML-тег карты

href Атрибут не показывает изображение (красное или зеленое). Это гиперссылка на целевое изображение. Изображение отображается на экране src файл из <img> тег.

Вам может потребоваться динамически генерировать изображение на стороне сервера или использовать <canvas> представить данные на стороне клиента.

0