如何从 photoshop 画板中获取 relative CSS？
How to get relative CSS from photoshop artboard?
所以，在我工作的地方，我们在 Photoshop 中设计横幅，然后使用设计元素制作 HTML5 横幅。有时这是一个乏味的过程，重新设计 CSS 中的所有内容以使其看起来像在 Photoshop 中。在 photoshop 中，我可以使用某些对象的 x、y 值并在 CSS 中使用它来精确调整用途，但它仍然比我喜欢的要多。
在 photoshop 中，可以 select 一个图层并单击 "copy CSS" 将布局复制到剪贴板。但是，由于我们使用的是画板，CC15 的新功能，'left' 和 'top' 值基于整个文档而不是特定的画板。
因此，如果我正在处理的横幅格式位于左侧的第三个画板中，则由于画板位于文档。
Q1: 我想这是一个非常具体的问题，但我想知道是否有一种方法可以相对于画板复制 CSS？
Q2: 如果不是，它是否是一个很容易实现的功能？我是一个不错的程序员，但我从未使用过 PS 插件。
尝试 css3ps photoshop 插件，它应该可以为您完成工作。它会生成你 text layers size border radius positions stroke gradient overlay inner shadow inner glow outer glow drop shadow 以及更多基于 photoshop 中选定图层的内容。
您可以通过选择“文件 -> 导出 -> 画板到文件”将所有画板导出到不同的文件。这样做将允许您在新创建的文件中相对于画板复制 css。
所以，在我工作的地方，我们在 Photoshop 中设计横幅，然后使用设计元素制作 HTML5 横幅。有时这是一个乏味的过程，重新设计 CSS 中的所有内容以使其看起来像在 Photoshop 中。在 photoshop 中，我可以使用某些对象的 x、y 值并在 CSS 中使用它来精确调整用途，但它仍然比我喜欢的要多。 在 photoshop 中，可以 select 一个图层并单击 "copy CSS" 将布局复制到剪贴板。但是，由于我们使用的是画板，CC15 的新功能，'left' 和 'top' 值基于整个文档而不是特定的画板。 因此，如果我正在处理的横幅格式位于左侧的第三个画板中，则由于画板位于文档。
Q1: 我想这是一个非常具体的问题，但我想知道是否有一种方法可以相对于画板复制 CSS？
Q2: 如果不是，它是否是一个很容易实现的功能？我是一个不错的程序员，但我从未使用过 PS 插件。
尝试 css3ps photoshop 插件，它应该可以为您完成工作。它会生成你 text layers size border radius positions stroke gradient overlay inner shadow inner glow outer glow drop shadow 以及更多基于 photoshop 中选定图层的内容。
您可以通过选择“文件 -> 导出 -> 画板到文件”将所有画板导出到不同的文件。这样做将允许您在新创建的文件中相对于画板复制 css。