Skip to main content

图片转DOM节点

使用场景

设计稿中某些分组被误操作切图或者带有蒙版的情况下,在上传设计稿至CODE.FUN后,该分组会被默认识别成图片,这时需要将该图片内容还原成真实的DOM节点。

使用说明

选中 image 元素,在 DOM tree 中点击“···”,在弹出的菜单选项中选择「图片转DOM结构」,即可将选中image 元素转为相应的DOM结构

示例

图片转节点

在上图中,选中节点是一张图片,但实际情况中,需要对改图片包含的内容做相应的业务处理,例如数据绑定操作等,因此选中该图片节点,将其转变为响应的DOM节点。

图片转节点