Recommend this page to a friend! |
Download |
Info | Documentation | Files | Install with Composer | Download | Reputation | Support forum | Blog | Links |
Last Updated | Ratings | Unique User Downloads | Download Rankings | |||||
2023-12-21 (9 months ago) | Not enough user ratings | Total: 87 | All time: 9,999 This week: 38 |
Version | License | PHP version | Categories | |||
html-image-map 1.0.0 | MIT/X Consortium ... | 8 | HTML, Graphics, GUI, PHP 8 |
Description | Authors Ujah Chigozie Contributor | |
This package can generate HTML for image maps. Innovation Award
|
Recommendation for a PHP class to generate imagemap
Generate an imagemap by drawing rectangles over an image
Generate image map, based on coordinates
Installation Guide via Composer:
composer require nanoblocktech/html-image-map
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();
ImageMapper()
$map = new ImageMapper();
Methods And Param | Descriptions -----------------------------------------------------------------------|----------------------------- addImage(string image, string description, string name): ImageMapAreas | Add new image set
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();"
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 (5) |
File | Role | Description | ||
---|---|---|---|---|
src (2 files) | ||||
composer.json | Data | Auxiliary data | ||
LICENSE | Lic. | License text | ||
README.md | Doc. | Documentation |
Files (5) | / | src |
File | Role | Description |
---|---|---|
ImageMapAreas.php | Class | Class source |
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 |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
100% |
|
|
Applications that use this package |
If you know an application of this package, send a message to the author to add a link here.