JavaScript - フロントエンドはどのようにして画像を切り取らずに PSD を H5 ページに直接変換しますか?

Question

タイトルのように、簡単な設計図が来た場合、フロントエンドは図面を切り取るのではなく、PSDを直接H5ページに変換したいのですが、方法はありますか?

Answer 1

そんな機能があるとは知りませんが、とても使いやすい画像切り抜きソフト「avocode」をオススメします。
追記: 有料ですが、新規ユーザーは迷惑でない限り、理論上は無料です

。

Answer 2

そんなはずはない。
いくつかのスライスを切り取って HTML にエクスポートすると、静的で非アダプティブな Web ページを生成できます

Answer 3

このツールの価値は、フロントエンド開発の作業負荷を軽減することです

より複雑なページの場合は、依然として手動でのカットが必要です

Answer 4

PSD レイヤーを右クリックして CSS3 形式でテキストをエクスポートします。少なくとも、この機能を探しているのかどうかはわかりませんが、H5 スタイルのマージン定義の参照があれば簡単です。 、ページ全体の画像がまだカットされている場合は、笑〜 PSCC2015 の新しいバージョンは非常に使いやすいです〜

Answer 5

jpgとして直接保存し、この画像をページ全体に直接挿入します。以前の会社では、モバイル端末の一部の紹介ページでこれを実行していました

。