问题 #1954💬 已回答提出于 2019年4月9日作者 sdrebel0 个反应

在画布上创建图像映射

快速解答作者 artf

用[自定义组件](https://grapesjs.com/docs/modules/Components.html)你应该能创建任何你想要的东西

阅读下方完整回答 ↓

问题

你好, 有没有办法在 Canvas 上创建类似图像映射的功能?用户应能选择特定区域进行链接。 下面的链接里有示例做法。 https://www.jqueryscript.net/demo/Easy-Imagemap-Generator-With-jQuery-hotArea-js/ 我尝试过像下面那样创建链接,但这并没有灵活性去移动所有地方。 var bm = 编辑器。BlockManager; bm.add('link-block3', { 分类:“基础”, 标签:“Link Block3”, 属性:{ 类: 'fa fa-link' }, 内容:{ 类型:“链接”, Droppable:确实如此, 可拖拽:确实, 可调整大小:正确, 属性:{ 类: 'fa fa-link' }, 风格:{ 显示:“inline-block”, 补充:“5px”, “最小高度”:“50像素”, “最小宽度”:'50px' } }, }); canvas:dragover 只会在块被拖入画布内部时触发。有没有什么解决方案或事件可以触发来选择画布?

回答(2)

lock[bot]2020年4月15日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。