###前提・実現したいこと
イラストを自動で画像を加工してくれるシステムをつくっています。
第三者がイラストをサイトに投稿し、サイトが自動でそのイラストをクッションに印刷した状態のプレビューを表示したいです。
https://society6.com/product/pizza-meditation_rectangular-pillow#66=444
上記はsociety6という海外サービスのリンクですが、まさにやりたいことはこれです。
このサイトもイラストを一枚アップロードするだけで、自動でクッションに印刷されたようなプレビューを表示しています。
これを実装したいです。
###現在できていること
<div style="height: 300px;width: 300px; background-image: url(https://image.withphoto.jp/000505818000032072767_2L), url(https://image.withphoto.jp/000505818000032072768_2L),url(https://image.withphoto.jp/000505818000032072771_2L); background-repeat: repeat, no-repeat; background-blend-mode: multiply; background-size: cover;"></div> </div>
background-imageを使い、上のように灰色の四角い画像がクッションに印刷したように見せることは可能です。
しかしこれは画像がクッションに収まるサイズである必要があり、クッションからはみ出た部分の処理ができません。
添付したsociety6のように、はみ出た部分を変形し、クッションに沿って印刷されているように見せるにはどうしたらよいでしょうか。
よろしくお願い致します。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/05/19 11:43