使不同的图像模式出现在一个剪影衬衫 [英] Making different image patterns appear in a silhouette shirt
问题描述
基本上即时寻找关于如何处理制造的衬衫设计的理念建议:
Basically im looking for suggestions on how to approach the idea of making a "shirt designer":
想象一下,有一个衬衫的轮廓。 现在,假设我有200多个布料图案为这件衬衫。
Imagine having a silhouette of a shirt. Now imagine that I have 200+ fabric patterns for that shirt.
点击 $ fabric_x
将填补与特定模式的轮廓。
Clicking $fabric_x
would fill the silhouette with that specific pattern.
基本上只是喜欢它的位置怎么做的:(点击面料左侧) 的http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5
Basically just like how its done here: (click fabrics to the left) http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5
我的想法的 ...这是艰难的道路走,将是:
My idea ... Which is the hard road to go, would be to:
- 保存了一个人影从Photoshop中充满每个模式(工作负载)
- 管理所有不同的布料图案在XML列表
- 使用jQuery - >加载XML>生成列表前端
- 使用jQuery - >创建一个函数来替换/显示specificly点击
$ fabric_x
- Save out a silhouette for each pattern filled from photoshop (loads of work)
- Administrate all the different fabric patterns in an XML list
- With Jquery -> load the XML > generate the list on frontend
- With Jquery -> create a function to replace/show the specificly clicked
$fabric_x
即时通讯思想有可能会出现一些更简单的方法来处理显示$面料的剪影 - 除了具有节省出图像的每个silhouette- $面料的选择
Im thinking there would perhaps be some easier way to handle showing the $fabrics in the silhouette - besides having to save out an image for each silhouette-$fabric option.
任何想法,意见或建议?
Any ideas, comments or suggestions?
推荐答案
我可能会考虑到方便, 但不能你只是躺在一件T恤的是负面的形式(衬衫是透明的,其余白)图像上的图案形象?
I might be thinking to easy, but couldn't you just lay a negativ form of a t-shirt(the shirt is transparent the rest white) image over a image of the pattern?
<img src="http://us.123rf.com/400wm/400/400/davorr/davorr1101/davorr110100011/8627355-pilze-seamless-pattern-swatch-muster-included-in-eps-datei.jpg"
width="400"
height="400"
STYLE="position:absolute; TOP:0px; LEFT:0px" />
<img src="https://dl.dropboxusercontent.com/u/62849616/Stackoverflow/shirts/hemd.gif"
width="400"
height="400"
STYLE="position:absolute; TOP:0px; LEFT:0px" />
看看这里: http://jsfiddle.net/Vloxxity/m4APD/
Take a look here: http://jsfiddle.net/Vloxxity/m4APD/
这篇关于使不同的图像模式出现在一个剪影衬衫的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!