问题 #2399💬 已回答提出于 2019年11月12日作者 imranali20450 个反应

SVG组件不可拖拽

快速解答作者 imranali2045

@artf请确保,解决这个问题对我来说非常重要。谢谢。

阅读下方完整回答 ↓

问题

你好, 我在 Angular 7 中使用 grapesjs。我想实现的效果是,当每当 canvas drop 方法调用时,我会在 canvas 中添加 svg 组件。我用 Add SVG 组件在 Canvas 上投放方法。但它不能拖拽。我附上我的代码和视频以便更好地理解。如果你帮@artf,谢谢你。 <code>const domComponents = this._editor。主导组件;</code> <code>const wrapperChildren = domComponents.getComponents();</code> <code>comp = wrapperChildren.add({</code> <code> 标签名称:“svg”,</code> <code>类型:“SVG”,</code> <code>attributes: { viewBox: '0 0 100 100', xmlns: 'http://www.w3.org/2000/svg' },</code> <code>可时尚:确实如此,</code> <code>可调整大小:正确,</code> <code>可移除:正确,</code>无法移除 <code>可拖拽:确实,</code>无法移动它 <code>可复制:true,</code>禁用复制/粘贴 <code>内容: <圆圈 cx=“...

回答(3)

imranali20452019年11月13日

@artf请确保,解决这个问题对我来说非常重要。谢谢。

artf2019年11月16日

不幸的是,HTML5 拖放 API 无法支持 SVG 元素,所以如果你需要支持它,就必须把 SVG 组件包裹起来(比如用“div”元素包裹)。

imranali20452019年11月18日

@artf好的,谢谢

相关问答

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

问题 #4537

RangeError 最大呼叫堆栈大小超过。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢 1.33.105 铬:96.0.4664.93 可复制演示链接 https://codesandbox.io/s/relaxed-mccarthy-v2e37w 描述一下那个虫子 如何复现这...

2 个回答更新于 2022年9月5日

问题 #3331

自定义资产管理器

你好@artf 我按照文档制作了一种新型资产管理公司 这里(https://codepen.io/abhi_punk81/pen/MWbWzaq) 我创建了类似文档里那种的新类型 我如何在放置自定义图标块后打开那个资产管理器 -: 一开始它没问题,但当我放下图片块后,默认情况下...

4 个回答更新于 2022年1月26日

问题 #3482

运行时更新的特性,不是编辑模式。

你好@artf 我遇到了关于某个特质的问题。当我拖放方块到画布时,它的特性在设置部分显示得很正常。但当我第二次保存并编辑,并在画布中选择了那个标签时,这个特征现在已经出现在设置的“Section”里了。 拜托拜托拜托帮帮我! '// 自定义标题组件 blockManager.a...

4 个回答更新于 2021年5月25日

问题 #3206

FEAT:页面管理器插件

功能: 可以用Grapesjs创建多个页面。功能设计 全球范围:[ ] 在顶部横幅“设备[下拉列表]”右侧添加一个链接,上面写着“当前<page-name>页面”。[x] 在右侧列“方块”右侧新增菜单项。图标会类似于[FA页面图标](https://fontawesome.co...

4 个回答更新于 2021年5月4日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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