Active Contour
| 开发者 | Shra |
|---|---|
| 更新时间 | 2025年6月25日 03:29 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 6.8 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Active Contour lets you define interactive contour areas on media images. Each polygonal area can be associated with a title & URL, making it easy to build rich visual navigation, diagrams, and interactive image content.
Features
- Edit contours directly in the Media Library
- Add, move, and delete points visually
- Scaled preview with zoom and background options
- Define attributes per area
- Each area can include
title,href, and custom data - Stored as JSON in image meta field
- Import contours from external tools
- Paste a JSON object describing one or multiple contours
- Compatible with AI-generated data or exported data from vector tools
- Preview and refine the result before saving
- Gutenberg Block Support
- Insert an image with interactive contours using the included block (Active Contour)
- Live preview of the selected image and contour state
- Shortcode Support
- Use
[active_contour id="123" cid="1,2"]to embed images with specific contours - Works anywhere shortcodes are supported (pages, posts, widgets)
- Interactive maps and diagrams
- Infographics with tooltips or links
- Product showcases with click/tap areas
- Educational or documentation content
安装:
- Upload the plugin to the
/wp-content/plugins/directory or install via the Plugin Installer. - Activate the plugin.
- Open any image in the Media Library and go to the Contours tab.
- Add contour points and set properties.
- Use the provided block (Active Contour) or shortcode to insert the image.
屏幕截图:
常见问题:
Where is contour data stored?
As a JSON structure in the attachment meta under _active_contours.
Can I style or extend how contours are rendered?
Yes. You can use custom styles via CSS. Block is rendered inside div.active-contour-container element.
更新日志:
1.0.0
- Initial release.