PHP Classes

PHP HTML Image Map: Generate HTML for image maps

Recommend this page to a friend!
  Info   Documentation   View files Files   Install with Composer Install with Composer   Download Download   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2023-12-21 (9 months ago) RSS 2.0 feedNot enough user ratingsTotal: 87 All time: 9,999 This week: 38Up
Version License PHP version Categories
html-image-map 1.0.0MIT/X Consortium ...8HTML, Graphics, GUI, PHP 8
Description 

Authors

Ujah Chigozie
Nanoblock Technology


Contributor

This package can generate HTML for image maps.

It can take an image URL and the definition of areas of the image that will be associated with URLs of pages that the user browser will be redirected to when the user clicks on those image areas.

The package can generate HTML for image maps to display the image with clickable areas.

Innovation Award
PHP Programming Innovation award nominee
December 2023
Number 3
Image maps can be present in HTML web pages to let the users interact with the pages visually by clicking on graphical images.

This package simplifies generating image maps for pages showing images to lead users to pages they want to go to on a Website.

Manuel Lemos
Picture of Ujah Chigozie peter
  Performance   Level  
Name: Ujah Chigozie peter <contact>
Classes: 28 packages by
Country: Nigeria Nigeria
Age: 33
All time rank: 198810 in Nigeria Nigeria
Week rank: 15 Up1 in Nigeria Nigeria Up
Innovation award
Innovation award
Nominee: 11x

Recommendations

Recommendation for a PHP class to generate imagemap
Generate an imagemap by drawing rectangles over an image

Documentation

Class Image Map

Generate image map, based on coordinates

Installation Guide via Composer:

composer require nanoblocktech/html-image-map

Usages

Initialize class

use Luminova\ExtraUtils\ImageMapper\ImageMapper;
$map = new ImageMapper();

Create image mapping It will return instance of ImageMapAreas

$image = $map->addImage('http://example.com/path/to/image.png');

Add your map, areas and coordinate b

$area = $image->addArea(ImageMapper::RECTANGLE, 'My Area Title');
$area->bindOnclick('myFunction();');
$area->setCoordinates([44, 180, 60]);


$area2 = $image->addArea(ImageMapper::CIRCLE, 'My Area 2  Title');
$area2->bindLink('https://example.com/foo');
$area2->setCoordinates([100, 380, 60]);

// Get your image map

$image->display();

Methods For ImageMapper()

$map = new ImageMapper();

Methods And Param | Descriptions -----------------------------------------------------------------------|----------------------------- addImage(string image, string description, string name): ImageMapAreas | Add new image set

ImageMapper Constant Variable

Name | Type | Descriptions -----------------|-----------|------------------------------------ RECTANGLE | String | Image mapping shape for rectangular area CIRCLE | String | Image mapping shape for circle area POLYGON | String | Image mapping shape for polygon area DEFAULT | String | Image mapping shape for default BIND_LINK | String | Bind area click to href link href="example.com" BIND_JS | String | Bind area click to javascript onClick onclick="myFunction();"

Methods For addImage()

$image = $map->addImage('http://example.com/path/to/image.png');

Methods And Param | Descriptions ---------------------------------------------------|-------------------------------------------------------------------- addArea(string type, string title): self | Add map area and return ImageMapAreas instance bindClick(string type, string action): void | Bind click event action to area setCoordinates(array coords): void | Set area coordinates addCoordinate(int left, int top, int pixels): void | Add coordinate same as setCoordinates except this accept param build(string id, string class): string | Build and get html image map string display(string id, string class): void | Display html image map. shorthand for echo build() get(string id, string class): string | Get html image map string, shorthand for build()


  Files folder image Files (5)  
File Role Description
Files folder imagesrc (2 files)
Accessible without login Plain text file composer.json Data Auxiliary data
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (5)  /  src  
File Role Description
  Plain text file ImageMapAreas.php Class Class source
  Plain text file ImageMapper.php Class Class source

The PHP Classes site has supported package installation using the Composer tool since 2013, as you may verify by reading this instructions page.
Install with Composer Install with Composer
 Version Control Unique User Downloads Download Rankings  
 100%
Total:87
This week:0
All time:9,999
This week:38Up