=== Canvas Draw Image === Contributors: WpMart Tags: Canvas Draw Image, interactive image map, map attention plugin for wordpress, image attention, draw floor plan, image labeling tool, map attention Requires at least: 5.1 Tested up to: 6.0 Stable tag: 1.1 Requires PHP: 5.6 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Clickable hotspots can be easily created with this Canvas Draw Image plugin. A great way to display image maps, floor plans, and more. == Canvas Draw Image Plugin == [Live Demo](https://wpmart.org/wp-draw-attention-demo/) | [Upgrade Pro](https://wpmart.org/downloads/wp-draw-attention/) | [Support](https://wpmart.org/contact/) https://www.youtube.com/watch?v=2VZ6Qa6GmX0 The Canvas Draw Image plugin makes it easy for you to add custom tooltips or modals to the annotated/selected region of an image, map product, etc. You can use the built-in templated or custom templates with this Draw Attention plugin in addition to customizing the tooltip/modal content. It's simple to change the fonts used for the title or description and the background color and size of the tooltip and modal text. This application is compatible with the most recent page builders and themes. It is consistent with the most recent version of WordPress. On every post, page, or widget, shortcodes can be placed. A limitless number of shortcodes are available there. == Features: == Using this plugin on your WordPress website, the next step is to learn how to annotate or choose specific areas of the product, map, or image to better engage customers and increase conversion rates. == It Gives You Easy Select Area Option == Firstly, there are active color, and hover color choosing options for the selected/annotated area. Select area easily with our WordPress plugin. Canvas Draw Image to specific regions of an image and provide extra details for each one. == Selected/Annotated Areas Are Draggable == In addition to selecting the region, you might need to move the area. Nothing to worry about! Drag the selected area as much as you like. Upgrade Pro version to get more features and customization options. == Area Style Options Are Available == Want to improve the aesthetics of your chosen location? The border settings for the selected or annotated region include size, color, hover color, box-shadow width, and color. Utilize them to enhance the area as necessary. == You Can Edit, Undo, Clear, or Delete With This Tool == Every type of work requires editing or deleting at some point. This great tool provides Edit, Undo, Clear, and Delete options for the annotated/selected region. == This Free Plugin Gives 2 View Modes to Display Content == View of the content is crucial. Therefore, a single viewpoint is not always sufficient. There are two different sorts of content views available in this free tool, including Tooltip and Modal. == This Digital Tool Gives You an Opportunity to Customize == Interactive image maps are simple to develop with this plugin. Content title font size, font color, description font size, color, and background color options are available for customizing with our great WordPress software. == It Provides Templates == Specify how you want the supplementary information that is attached to your photograph to appear. For the content, there are four(04) built-in and 20+ custom templates in the WP plugin. == Interactive Image Map Plugin has Embedded Map/Video Code == This WordPress application offers options for video and maps with embedded code. You can display a map or YouTube video by utilizing embedded code. There is no restriction on producing or choosing several sections or attentions inside a single image. You can choose as many places as you wish. Code for embedded maps and videos can likewise be utilized as content. == This WordPress Application Shows a Modal == One of the possibilities offered by WordPress plugins like grab attention is the ability to display a modal when a title is clicked, open it in a pop-up window, change the font size and color, add photos, and alter the backdrop color. == This Best WP Application Can Edit Attention Areas == With this application, you have the option of editing attentions area or marks, as well as deleting unnecessary attention areas or marks. You have lots of flexibility. == It has CSS & Shortcodes == Custom CSS allowed for the design/customize the template in this great WP application. Unlimited shortcodes along with 100% responsive for all types of mobile devices with this software. Our program adapts your image to displays of any size and operates on all platforms. == Use Latest Themes Through Our Plugin Free Feature == This application is compatible with the newest themes, page builders, posts, pages, widgets, and WordPress itself. This product is being developed and improved in compliance with best practices and industry standards. == Usage: == 1. Uploading the photograph is the first thing you need to do. It could be a product, a map, or any form of image, for example. You can mark or select the desired location on the product's image or map. 2. Now that you have the region you want to be precise, you need to style it with things like color, border color, size, box-shadow options, etc. To annotate or choose the area of the image, there are many options available. You may find these options under the "Area Style" section. 3 The content section is the next section of modification. You may find information about the various content view options under the content section. Tooltips and modals are the two ways to view the content. 4. You can use our pre-built templates or a custom template from one of the many custom template collections in the tooltip and modal content. 5. After choosing a template, you will see two options: "Add picture" where you can upload or add more in-depth photographs, and "Title" where the title of the selected region of the image will be shown. In addition to giving a description, you can alter the font style, color, and backdrop of the material. 6. Custom code may also be utilized in addition to templates by being styled in the manner that you like. You must write or paste our HTML code in the HTML area and our CSS code in the CSS code section to do this. == Wrap Up: == And finally, highlight A WordPress plugin presents your content, such as a comparable table of poll results or by adding brief explanations or comments, by clicking on the specified location to show as a modal component or hovering your mouse over it to show as a tooltip. == Screenshots == 1. Built-in template 2. Embedded code for video 3. Custom template 4. Custom template for showing Poll result table 5. Admin style option for content == Frequently Asked Questions == = What is Canvas Draw Image - Interactive Image Map? = Canvas Draw Image: Interactive Image Map is the act of adding short explanations or notes to an image or parts of the image. Our plugin has an easy-to-use facility for adding attention to any images, products, maps, etc. The attention to literary texts makes them more accessible. = Is it Responsive? = Yes, It’s 100% responsive by resizing images, videos, titles, and descriptions for mobile devices and tablets. = Does it support Elementor, Gutenberg, Visual Composer, and WP Bakery? = Yes, all common WordPress page builders are supported. = Does it support Divi Theme, BeTheme, Avada Theme, and Astra Theme? = Yes, It supports all popular WordPress themes. = In which case this can be used? = It has a wide range of applications, including displaying similar polling results, marking items and accessories to display information about them, marking or selecting a map region to display information about a specific location, and many more. = Can the plugin content be used with a custom template? = Yes, even if custom images or icons can be used for the tooltip content, you can utilize HTML and CSS for your unique template. = Is creating or choosing several sections or attentions inside a single image have any restrictions? = There are no restrictions; you can produce as much as you like. = Are there any restrictions on how to use the Draw/Image Attention? = No, by using shortcodes, you can use as much as you like. = Does it accept Custom CSS? = It is possible to replace the current styles class with your own CSS values. == Changelog == = 1.1 = * Bug Fixes = 1.0 = * Initial Release