网上虚拟试衣系统的设计与实现毕业作品Word下载.docx
《网上虚拟试衣系统的设计与实现毕业作品Word下载.docx》由会员分享，可在线阅读，更多相关《网上虚拟试衣系统的设计与实现毕业作品Word下载.docx（34页珍藏版）》请在冰点文库上搜索。
Abstract：
Apparelindustryintheinformationage,intoanunprecedentedinformationtechnology,network-basedprocess.Theproductionofhumanlifeandtheunderstandingofunderstandingtheconceptofchange,begantotryonclothingpurchasesandahugeandprofoundchanges,andcreatedanewconceptofanonlinepurchaseandfitting.Thisisacombinationofartandtechnology,technology,andemotionandpromoteeachother,butalsotheinformationeraclothingtrends.WiththedevelopmentandpopularizationoftheInternetandInternet-basedonlinee-commerceboom,apparelsalesnetworkofrapidwarming,butonlineapparelsalesaremostlyclothingonthesitepostedpicturesandmodelswearingclothingclothingphotos,userscannotpurchaseandinthestoretotryonclothesaswhen,unabletoweartheirownclothesandfeeltherealthree-dimensionalappearance.Basedonthis,wedesignedanonlinevirtualfittingsystem.
Virtualfittingtechniquesusingavarietyofsoftwaretoolstobreakthroughtheconventionaldressingsystem,manyoftherestrictions.Artificialselectionbytheusertosimulatereallife,likeshopping,souserscan"
shopvirtualshoppingscene,selectthevirtualandthevirtualfittingclothing,andcanberepeatedmanytimes.Userscanchoosetheirfavoritefeaturesoftheirownclothestotry.
Thispaperanalyzestheonlineclothingfittingtheneedsoftheuser,basedonrealpeopletochoose,tryonclothesandpsychologicalcharacteristics,studyandproposeatargetedsolution,fromthehumanbodymodeling,simulationanddynamicfittingclothing,andseveralotherprincipalaspectsofdesign,reducingthegapbetweenrealandvirtual,fortheusertodevelopasimilarnetworkwiththereallifevirtualfittingsystemthatallowsuserstoexperiencefastandconvenientinthevirtualworldofmodernlife,toprovideagarmentInternetMarketingnewmodel.
Keywords:
network;
virtualfittingsystem;
AnalogClothing
1绪论
1.1课题的研究背景
二十一世纪服装业面临从传统劳动密集型向信息和高科技型的转变，入世后的服装企业更加面临全球性的机遇和挑战。
随着信息网络化技术不断发展，网络成为了我们日常生活中的一部分。
信息化社会一个明显的特征就是信息的变化速度加快，网络己成为服装信息一种崭新的传播方式，服装作为信息的载体，流行周期也明显变短。
现在消费者穿着服装和对服装的要求已不再单纯的掩身护体和保暖，也不再是仅仅局限在合体和美观。
现代人们追求多样化和个性化，要求服装美化形象，要得到个性的宣泄、自我的满足与人性的张扬，更加注重的是穿出个人风格和心灵释放。
信息文明时代的文化内涵与发展趋势另一个重要的特征，就是以人为本。
虚拟试衣就是为满足现代服装消费者追求个性化要求，应运而生的一种新型的服装设计理念。
虚拟服装试衣是一种虚拟真实模拟，通过网站向用户提供模拟人体和大量的服装款式，用户能建立符合自己的人体模型，并根据自己的喜好挑选满意的服装，服装款式设计更多地由用户自己来决定。
1.2虚拟试衣系统的发展状况
最早推出网络试衣间服务的是美国的H&
M公司。
登录进入该公司网页，选择“试衣间”，不用考虑纽扣，拉链和具体尺寸等细节，消费者只需选择一位标准模特，或自创一位类似于自己体型的模特，并选择模特的肤色、发型、身体特征、高度、体重，以及眼睛颜色、鼻子、嘴唇等，之后注册进入“我的模特”，一旦注册得到确认，就可以用所有H&
M销售的服装包括泳装、成衣和小装饰品为模特进行搭配。
消费者在试衣间找到满意的组合后，即可进入“你的衣柜”，随后将衣柜中的组合打印出来，便可带到商场直接购买。
如今，在现代服装工业最发达的美国和日本，网上虚拟服装试衣的模式已有了一定的发展。
美国一家叫双子星的图像公司，早在2001年就已开发出能够得到顾客的精确身材尺寸的身体扫描仪，并在纽约、华盛顿和洛杉矶等城市安置了50间体形扫描亭，消费者进入后，扫描得到的人体尺寸数据被传到互联网上，存储在一个数据库里，方便随时根据用户的尺寸来进行设计。
而另一家著名的服装公司更是斥资2500万美元，在美国14个城市设立了“电子裁缝”试衣亭，消费者进入后换上紧身衣接受扫描，全过程仅需15秒，数据跟公司网站相连，网站设计了一个虚拟试衣系统，用户可以选择自己的虚拟模特，穿上公司各种衣服，观察效果，立刻就可以选购到合适自己的服装。
日本东芝公司已研制成功电脑试衣系统，系统能在屏幕上显示用户的三维形象，模拟一些简单的肢体动作，这样产品不但可以放在服装店里用于改进服装销售方式，爱美的用户还可以将其购买回家，每天根据试衣系统里搭配出来的服饰进行穿着，更能起到快速搭配的效果。
目前，国内外试衣系统都还不够成熟，这个领域有很大的发展空间，也很有研究价值。
现有系统大多是平面的，有的是直接把服装的平面贴图移动覆盖到模特的平面照片，用户在进行这种虚拟试衣时，无法全方位多角度地审视服装穿在模特身上的效果，也就不能对服装的真实特性有很好的把握，常常达不到理想的试衣效果。
例如：
（1）淘宝为代表，没有试衣过程，买家通过浏览服饰的实物图片或穿在特定模特身上的效果来确定购买对象。
（2）以ＱＱ秀为代表，有某种意义上的试衣过程。
用户进行试衣时，只需点击服饰目标，服饰便自动穿戴到ＱＱ模特身上，然后Ｑ币支付购买。
但这种模式中的虚拟模特头像比较卡通，跟真人不相符合，服饰也是非现实中的，缺乏交互性，可观赏的角度单一。
（3）还有一种是服装企业网站，只有真实模特穿着服装展示，不能试衣。
但模特儿的身材与平常人相差很大，用户也无法体会到自己穿上的效果。
1.3论文研究的目的和意义
目前，由于普遍的服装购物网站都无法实现用户的在线试穿功能，给消费者和销售商带来了极大的不便与麻烦。
本课题的目的是缓解这一瓶颈状态，实现网络虚拟试衣的功能，使服装电子商务网站更加完善。
在为客户提供高质量服务的同时，也为消费者创造了一个舒适的购物环境，让他们在购物的过程中体会到无限的乐趣，具有一定的现实意义。
同时，通过完成本系统的设计，让自己对专业知识有一个更深入的认识，提高自己的综合能力。
1.4论文研究的基本内容
本文研究的基本内容，从虚拟服装设计、网络试衣、虚拟人体建模、虚拟服装建模、试衣功能等几个部分对网络虚拟试衣系统展开分析，根据试衣系统中现有不足，加以研究做出有针对性的解决方案。
试衣系统主要有三个基本功能：
第一是选衣功能，系统应具有各种款式的服装，服装可以是二维展示的，也可以是三维展示的，用户可以通过鼠标直接点击选择某件服装用于试衣；
第二是试衣功能，顾客挑选好了服装，系统应该可以支持用户通过单击或拖曳鼠标等交互动作，让服装试穿到已经建立好的人体模型上；
第三是动态展示功能，系统应该支持用户试穿服装后，进行旋转人模，观察服装穿着是否合体，有个整体的感受。
1.5论文研究的研究方法
（1）文献研究法
文献研究法主要指收集、鉴别、整理文献，并通过对文献的研究，形成对事实科学认识的方法。
该方法主要用于系统开发的前期。
首先，通过阅读大量服装虚拟试衣网站的文献，结合现实，总结服装虚拟试衣系统的基本功能及不足。
以此确定毕业设计的选题。
然后，根据相关文献，对系统进行需求分析和可行性分析，从而确定自己的研究方向和实现方法。
（2）调查分析法
调查法是指研究者通过实地面谈、提问调查等方式收集、了解事物详细资料数据，并加以分析的方法。
这种方法通常用来探测、描述或解释社会行为、社会态度或社会现象，较多地被社会科学和人文科学研究人员大量使用。
（3）数据库设计方法
通过该方法，设计出结构完整并适合管理的数据库。
（4）面向对象方法（Object-OrientedMethod）
是一种把面向对象的思想应用于软件开发过程中，指导开发活动的系统方法，简称OO（Object-Oriented）方法，是建立在“对象”概念基础上的方法学。
通过该方法，运用面向对象编程工具来完成试衣系统的开发。
1.6论文的内容组织
论文共由七章组成。
第1章绪论，主要介绍系统的研究背景、研究目的和意义、研究内容以及研究方法；
第2章基础知识简介，主要介绍系统开发过程中会用到的相关技术，主要用到javascript和HTML；
第3章虚拟试衣系统的分析，主要是分析了现有的试衣系统的模式和试衣的模块和过程；
第4章试衣系统的实现，主要介绍系统的硬件软件环境、界面设计、功能实现；
第5章总结，主要阐述了本课题所完成的研究工作。
2基础知识简介
2.1HTML简介
HTML（HypertextMarkedLanguage）即超文本标签语言。
是web页面的描述性语言，是在标准通用化标记语言SGML（standardgeneralizedmarkupLanguage）的基础上建立起来的，其语法规则建立的文本可以运行在不同的操作系统平台和浏览器上，是所有网页制作技术的核心与基础。
它被用来结构化信息——如标题、段落和列表等，也用在一定程度上描述文档的外观和语义。
HTML文件是包含一些标签的文本文件，这些标签告诉Web浏览器如何显示页面。
HTML文件必须使用htm或者html作为文件扩展名，该文件可以通过简单的文本编辑器来创建。
一个标准的HTML文件由HTML元素，元素的属性和相关属性值3个基本部分组成。
2.1.1HTML元素
HTML元素（element）通常由首尾两个标记（tag）组成，一个标记由一组尖括号“<
>
”包含。
如下划线元素：
<
u>
HTML<
/u>
。
HTML元素有三种形式：
（1）首尾标记必须成对出现的元素，如：
h1>
<
button>
等元素。
（2）起始标记必须出现，而结尾标记是可选的，如<
p>
option>
（3）只有起始标记，而禁止结尾标记的元素，如<
input>
img>
2.1.2HTML元素属性
每一个元素都有一个或几个属性定义该元素的显示样式、行为或其它内容，同一个元素各个属性之间的顺序没有前后之分，属性的类型主要有等式型和布尔型两种。
（1）属性的设定方法
属性全部都设置在HTML元素起始标记的尖括号内，一般是以“<
起始标记属性1=“属性值1”属性2=“属性值2”……>
”的格式出现。
属性间没有先后顺序，属性也没有大小写之分。
每对属性/属性值之间用空格分隔。
布尔属性只有属性名称而没有属性值，指定了这个属性就代表它为True，反之则代表False。
默认情况下，每一个布尔属性都是假。
（2）引号的使用规范
按照HTML规范和标准，等号后的属性值应该全部包含在英文半角双引号中。
但如果引号需要进行嵌套，则外层用单引号，里层用双引号。
如：
inputtype=“button”value“点击查看效果”onclick=‘javascript:
alert（“HelloWorld!
”）;
’>
2.1.3HTML数据类型
HTML常用的数据类型有长度，颜色，URI链接地址和字符串等形式。
长度值的定义方法有许多种，既有绝对数值定义，又有相对数值定义。
像素是计算机屏幕上所能显示的最小单位。
像素值也是长度定义中使用最为普遍的单位，因为一般浏览器输出页面总是在屏幕上，如果设计者不考虑打印输出的话，利用像素值就能够在屏幕上进行精确的定位。
百分比形式是最典型的相对长度值。
如果对一张图片定义了百分比值，则它的参照对象就是整个浏览器窗口的宽度和高度。
当浏览器窗口的大小变化时，图片的尺寸也会随窗口大小相应变化。
颜色定义也是HTML属性中比较常用的数据类型定义。
页面文档不可能是一成不变的黑白显示，浏览器默认将没有设置过颜色值的字体，直线和边框都定义为黑色，而背景全部定义为白色。
2.2javascript简介
JavaScript是一种基于对象和驱动事件并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
它最初由网景公司的BrendanEich设计，是一种动态、弱类型、基于原型的语言，内置支持类。
JavaScript是Sun公司的注册商标。
Ecma国际以JavaScript为基础制定了ECMAScript标准。
JavaScript也可以用于其他场合，如服务器端编程。
完整的JavaScript实现包含三个部分：
ECMAScript，文档对象模型，字节顺序记号。
Netscape公司在最初将其脚本语言命名为LiveScript来netscape在与Sun合作之后将其改名为JavaScript。
JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。
但JavaScript的主要设计原则源自Self和Scheme.JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。
为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。
为了互用性，Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。
现在两者都属于ECMAScript的实现。
尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和宣传，但是JavaScript具有非常丰富的特性。
2.2.1javascript基本概念
这里只作简单介绍。
（1）运算符
运算符就是完成操作的一系列符号，它有七类：
赋值运算符（=,+=,-=,*=,/=,%=,<
=,>
=,|=,&
=）、算术运算符（+,-,*,/,++,--,%）、比较运算符（>
=,==,===,!
=,!
==）、逻辑运算符（||,&
&
!
）、条件运算（?
:
）、位移运算符（|,&
>
~,^）和字符串运算符（+）。
（2）表达式
运算符和操作数的组合称为表达式，通常分为四类：
赋值表达式、算术表达式、布尔表达式和字符串表达式。
（3）语句
JavaScript程序是由若干语句组成的，语句是编写程序的指令。
JavaScript提供了完整的基本编程语句，它们是：
赋值语句、switch选择语句、while循环语句、for循环语句、foreach循环语句、dowhile循环语句、break循环中止语句、continue循环中断语句、with语句、try...catch语句、
if语句（if..else，if...elseif...）、let语句。
（4）函数
函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。
使用函数要注意以下几点：
1）函数由关键字function定义（也可由Function构造函数构造）；
2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；
而用var关键字定义的必须定义后才能被调用；
3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；
4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数；
5）return语句用于返回表达式的值。
6）yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。
一般的函数都是以下格式：
functionmyFunction（params）{
//执行的语句
}
函数表达式：
varmyFunction=function（params）{
varmyFunction=function（）{
myFunction（）;
//调用函数
匿名函数，它常作为参数在其他函数间传递：
window.addEventListener（'
load'
function（）{
},false）;
（5）对象
JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。
比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="
blue"
，就是表示使背景的颜色为蓝色。
（6）事件
用户与网页交互时产生的操作，称为事件。
事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件（如Ajax的交互进度改变）。
绝大部分事件都由用户的动作所引发，如：
用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。
在JavaScript中，事件往往与事件处理程序配套使用。
而对事件的处理，W3C的方法是用addEventListener（）函数，它有三个参数：
事件，引发的函数，是否使用事件捕捉。
为了安全性，建议将第三个参数始终设置为false；
传统的方法就是定义元素的on...事件，它就是W3C的方法中的事件参数前加一个“on”。
而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。
JavaScript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。
（7）变量
如varmyVariable="
somevalue"
;
变量有它的类型，上例中myVariable的类型为string（字符串）
javascript支持的常用类型还有：
object：
对象
array：
数组
number：
数；
boolean：
布尔值，只有true和false两个值，是所有类型中占用内存最少的；
null：
一个空值，唯一的值是null；
undefined：
没有定义和赋值的变量
实际上JavaScript的变量是弱变量类型，你赋值给他的是字符串，他就是String.
是数字他就是整型。
是true和false他就是boolean型（注意，不能加引号，不然会被当成字符串处理）。
2.2.1javascript基本特点
能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。
Javascript、VBScript、DocumentObjectModel（DOM，文档对象模型）、Layers和CascadingStyleSheets（CSS，层叠样式表），这里主要讲Javascript。
Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。
Javascript是由Netscape公司开发的一种脚本语言（scriptinglanguage），或者称为描述语言。
在HTML基础上，使用Javascript可以开发交互式Web网页。
Javascript的出现使得网页和用户之
升级会员 