Title: Active Contour Author: shra Published: 24. juni, 2025 Last modified: 24. juni, 2025 --- Søk i utvidelser Denne utvidelsen **har ikke blitt testet mot noen av de siste 3 hovedutgivelsene av WordPress**. Den er kanskje ikke lenger holdt vedlike eller støttet, og den kan ha kompatibilitetsproblemer med nyeste versjoner av WordPress. ![](https://s.w.org/plugins/geopattern-icon/active-contour.svg) # Active Contour Av [shra](https://profiles.wordpress.org/shra/) [Last ned](https://downloads.wordpress.org/plugin/active-contour.zip) * [Detaljer](https://nb.wordpress.org/plugins/active-contour/#description) * [Omtaler](https://nb.wordpress.org/plugins/active-contour/#reviews) * [Installering](https://nb.wordpress.org/plugins/active-contour/#installation) * [Utvikling](https://nb.wordpress.org/plugins/active-contour/#developers) [Brukerstøtte](https://wordpress.org/support/plugin/active-contour/) ## Beskrivelse **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) ### Use cases * Interactive maps and diagrams * Infographics with tooltips or links * Product showcases with click/tap areas * Educational or documentation content ### Keyboard Shortcuts While editing points in the contour editor, you can use the following keyboard shortcuts for greater control: * Delete — Removes the currently selected point from the contour. - or Numpad + — Converts the selected segment into a curved arc (or increases arc intensity). * - or Numpad – — Decreases arc curvature or switches arc back to straight line. * Shift (hold) — Activates zoom mode. While holding Shift, a magnifier lens appears under the cursor to help you place points more precisely. Other behaviors: * Click on canvas — Adds a new point in the closest location or selects an existing one if clicked near. * Click and drag a point — Moves the selected point with the mouse. ## Skjermbilder [⌊Contour editor inside Media Library⌉⌊Contour editor inside Media Library⌉[ Contour editor inside Media Library [⌊Contour settings and preview in the Gutenberg block⌉⌊Contour settings and preview in the Gutenberg block⌉[ Contour settings and preview in the Gutenberg block [⌊Export tool⌉⌊Export tool⌉[ Export tool [⌊Creating contour...⌉⌊Creating contour...⌉[ Creating contour… [⌊Using arc interpolation tool⌉⌊Using arc interpolation tool⌉[ Using arc interpolation tool [⌊Filtering by tags...⌉⌊Filtering by tags...⌉[ Filtering by tags… ## Blokker Denne utvidelsen gir 1 blokk. * Active Contour Insert Image with active contours. ## Installasjon 1. Upload the plugin to the `/wp-content/plugins/` directory or install via the Plugin Installer. 2. Activate the plugin. 3. Open any image in the Media Library and go to the **Contours** tab. 4. Add contour points and set properties. 5. Use the provided block (Active Contour) or shortcode to insert the image. ## Ofte stilte spørsmål ### 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. ## Vurderinger Det er ingen omtaler av denne utvidelsen. ## Bidragsytere og utviklere «Active Contour» er programvare med åpen kildekode. Følgende personer har bidratt til denne utvidelsen: Bidragsytere * [ shra ](https://profiles.wordpress.org/shra/) [Oversett «Active Contour» til ditt språk.](https://translate.wordpress.org/projects/wp-plugins/active-contour) ### Interessert i utvikling? [Bla gjennom koden](https://plugins.trac.wordpress.org/browser/active-contour/), sjekk ut [SVN-repositoriet](https://plugins.svn.wordpress.org/active-contour/), eller abonner på [utviklingsloggen](https://plugins.trac.wordpress.org/log/active-contour/) med [RSS](https://plugins.trac.wordpress.org/log/active-contour/?limit=100&mode=stop_on_copy&format=rss). ## Endringslogg #### 1.0.0 * Initial release. ## Meta * Versjon **1.0** * Sist oppdatert **1 år siden** * Aktive installasjoner **Færre enn 10** * WordPress-versjon ** 6.0 eller nyere ** * Testet opp til **6.8.9** * PHP-versjon ** 7.4 eller nyere ** * Språk * [English (US)](https://wordpress.org/plugins/active-contour/) * Stikkord * [image hotspot](https://nb.wordpress.org/plugins/tags/image-hotspot/)[Image Map](https://nb.wordpress.org/plugins/tags/image-map/) [interactive image](https://nb.wordpress.org/plugins/tags/interactive-image/) * [Avansert visning](https://nb.wordpress.org/plugins/active-contour/advanced/) ## Vurderinger Ingen omtaler er sendt inn ennå. [Din omtale](https://wordpress.org/support/plugin/active-contour/reviews/#new-post) [Se alle omtalene](https://wordpress.org/support/plugin/active-contour/reviews/) ## Bidragsytere * [ shra ](https://profiles.wordpress.org/shra/) ## Brukerstøtte Har du noe å si? Trenger du hjelp? [Vis brukerstøtteforumet](https://wordpress.org/support/plugin/active-contour/) ## Donér Vil du støtte videreutviklingen av denne utvidelsen? [ Doner til denne utvidelsen ](https://pay.cryptocloud.plus/pos/Oc9ieI6Eb5HWPptn)