SVG组件不可拖拽
问题
你好, 我在 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)
@artf请确保,解决这个问题对我来说非常重要。谢谢。
不幸的是,HTML5 拖放 API 无法支持 SVG 元素,所以如果你需要支持它,就必须把 SVG 组件包裹起来(比如用“div”元素包裹)。
@artf好的,谢谢
相关问答
通过相似的问题讨论继续研究。
问题 #4537
RangeError 最大呼叫堆栈大小超过。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢 1.33.105 铬:96.0.4664.93 可复制演示链接 https://codesandbox.io/s/relaxed-mccarthy-v2e37w 描述一下那个虫子 如何复现这...
问题 #3331
自定义资产管理器
你好@artf 我按照文档制作了一种新型资产管理公司 这里(https://codepen.io/abhi_punk81/pen/MWbWzaq) 我创建了类似文档里那种的新类型 我如何在放置自定义图标块后打开那个资产管理器 -: 一开始它没问题,但当我放下图片块后,默认情况下...
问题 #3482
运行时更新的特性,不是编辑模式。
你好@artf 我遇到了关于某个特质的问题。当我拖放方块到画布时,它的特性在设置部分显示得很正常。但当我第二次保存并编辑,并在画布中选择了那个标签时,这个特征现在已经出现在设置的“Section”里了。 拜托拜托拜托帮帮我! '// 自定义标题组件 blockManager.a...
问题 #3206
FEAT:页面管理器插件
功能: 可以用Grapesjs创建多个页面。功能设计 全球范围:[ ] 在顶部横幅“设备[下拉列表]”右侧添加一个链接,上面写着“当前<page-name>页面”。[x] 在右侧列“方块”右侧新增菜单项。图标会类似于[FA页面图标](https://fontawesome.co...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。