有无方法把 html 的每一个元素（例如 img， p， a）转换成 psd 格式，每个元素一个图层，

This topic created in 3230 days ago, the information mentioned may be changed or developed.

有无方法把 html 的每一个元素（例如 img，p，a ）转换成 psd 格式，每个元素一个图层，

11 replies • 2017-08-08 22:44:05 +08:00

lmmortal

Aug 8, 2017 via iPhone

不能直接转，但火狐浏览器的开发者工具可以给节点截图

Event

Aug 8, 2017

@lmmortal 节点？是啥...

xiaopc

Aug 8, 2017 via Android

用 html2canvas 存成 svg 然后用 Illustrator 打开？

lmmortal

Aug 8, 2017 via iPhone

@Event 就是元素的节点我记得开发者工具里就叫节点截图

Event

Aug 8, 2017

@xiaopc 图层分得开？

Event

Aug 8, 2017

@lmmortal 开发者里的具体哪一个呢。。

lmmortal

Aug 8, 2017

@Event 查看器选中的元素上点右键节点截图

Event

Aug 8, 2017

@lmmortal 可是元素都是合并在一起了- -？

blahgeek

Aug 8, 2017

感觉可以写个脚本，先遍历所有元素，设 visibility: hidden 然后每个元素截一张图，最后合成一个 psd

manihome

Aug 8, 2017

理论上是可以把 HTML+CSS 还原成 sketch 的 JSON 文件的。。谁来写个插件？

xiaopc

Aug 8, 2017 via Android

@Event svg 里每个元素都是独立的矢量啊