1、 本科 毕业 设计 (论文 ) （二零 届） 网上虚拟试衣系统的设计与实现 所在学院 专业班级 计算机科学与技术 学生姓名 学号 指导教师 职称 完成日期 年 月 2 摘要 ： 服装行业在信息时代，进入了一个前所未有的信息化、网络化的过程。在人类的生产方式 、 生活观念以及认识理解能力发生变化时， 服装 购买和试穿 也开始了一场巨大而深刻的变革，并产生了一种新型的理念一 网上购买和试衣 。这是艺术与技术的有机结合，技术与情感的相互促进，也是信息时代下服装的发展趋势。随着互联网的发展普及和基于互联网的网上电子商务的繁荣，服装的网络销售也迅速升温，但目前网上服装销售网站上的服装大多是贴的服装图片及
2、模特穿着服装的照片，用户购买时不能和在实体店购买服饰时一样进行试穿，无法真实感受到自己穿上衣服的三维模样。 基于此，我们设计了一个网上虚拟试衣系统。 网上虚拟试衣技术采用多种工具软件，突破了常规试衣系统的许多限制。通过用户的人 工选择，模拟现实生活中逛商店一样，使得用户可以实现“逛虚拟购物场景，选择虚拟服饰和进行虚拟试衣，而且可以重复多次。用户可以按自己的特点选择自己喜欢的衣服进行试穿。 本文分析了网上服装用户试衣的需要，根据现实中人们选择、试穿衣服的心理特点，研究并提出了有针对性的解决方案，从人体建模、服装模拟以及动态试衣等几个主要方面进行设计，减少现实与虚拟的差距，为用户设计开发一个与真实
3、生活相若的网络虚拟试衣系统，让用户在虚拟世界感受到方便快捷的现代生活，为服装企业提供了一种互联网营销新模式。 关键词 ： 网络；虚拟试衣系统；服 装模拟 3 Design and Implementation of Virtual Fitting System Abstract： Apparel industry in the information age, into an unprecedented information technology, network-based process. The production of human life and the understandin
4、g of understanding the concept of change, began to try on clothing purchases and a huge and profound changes, and created a new concept of an online purchase and fitting. This is a combination of art and technology, technology, and emotion and promote each other, but also the information era clothin
5、g trends. With the development and popularization of the Internet and Internet-based online e-commerce boom, apparel sales network of rapid warming, but online apparel sales are mostly clothing on the site posted pictures and models wearing clothing clothing photos, users can not purchase and in the
6、 store to try on clothes as when, unable to wear their own clothes and feel the real three-dimensional appearance. Based on this, we designed an online virtual fitting system. Virtual fitting techniques using a variety of software tools to break through the conventional dressing system, many of the
7、restrictions. Artificial selection by the user to simulate real life, like shopping, so users can “shop virtual shopping scene, select the virtual and the virtual fitting clothing, and can be repeated many times. Users can choose their favorite features of their own clothes to try. This paper analyz
8、es the online clothing fitting the needs of the user, based on real people to choose, try on clothes and psychological characteristics, study and propose a targeted solution, from the human body modeling, simulation and dynamic fitting clothing, and several other principal aspects of design, reducin
9、g the gap between real and virtual, for the user to develop a similar network with the real life virtual fitting system that allows users to experience fast and convenient in the virtual world of modern life, to provide a garment Internet Marketing new model. Keywords: network; virtual fitting syste
10、m; Analog Clothing 4 目 录 1 绪论 . 7 1.1 课题的研究背景 . 7 1.2 虚拟试衣系统的发展状况 . 7 1.3 论文研究的目的和意义 . 8 1.4 论文研究的基本内容 . 8 1.5 论文研究的研究方法 . 8 1.6 论文的内容组织 . 9 2 基础知识简介 . 9 2.1 HTML简介 . 9 2.1.1 HTML元素 . 10 2.1.2 HTML元素属性 . 10 2.1.3 HTML数据类型 . 10 2.2 javascript 简介 . 11 2.2.1 javascript的基本概念 . 11 2.2.2 javascript的基本特点 .
11、 14 3 网上虚拟试衣系统的分析 . 14 3.1 虚拟试衣系统的模式 . 错误 !未定义书签。 3.1.1 B/S 模式 . 15 3.1.2 C/S 模式 . 15 3.1.3 常规模式 . 16 3.2 虚拟试衣系统模块 . 16 3.3 虚拟试衣系统过程 . 17 4 网上虚拟试衣系统实现 . 18 4.1 试衣界面 . 18 4.2 试衣的过程与方法 . 20 4.2 试衣效果展示 . 21 5 总结 . 21 参考文献 . 24 5 1 绪论 1.1 课题的研究背景 二十一世纪服装业面临从传统劳动密集型向信息和高科技型的转变，入世后的服装企业更加面临全球性的机遇和挑战。随着信息网
12、络化技 术不断发展，网络成为了我们日常生活中的一部分。信息化社会一个明显的特征就是信息的变化速度加快，网络己成为服装信息一种崭新的传播方式，服装作为信息的载体，流行周期也明显变短。现在消费者穿着服装和对服装的要求已不再单纯的掩身护体和保暖，也不再是仅仅局限在合体和美观。现代人们追求多样化和个性化，要求服装美化形象，要得到个性的宣泄、自我的满足与人性的张扬，更加注重的是穿出个人风格和心灵释放。 信息文明时代的文化内涵与发展趋势另一个重要的特征，就是以人为本。虚拟试衣就是为满足现代服装消费者追求个性化要求，应运而生的一 种新型的服装设计理念。虚拟服装试衣是一种虚拟真实模拟，通过网站向用户提供模拟人
13、体和大量的服装款式，用户能建立符合自己的人体模型，并根据自己的喜好挑选满意的服装，服装款式设计更多地由用户自己来决定。 1.2 虚拟试衣系统的发展状况 最早推出网络试衣间服务的是美国的 H&M公司。登录进入该公司网页，选择“试衣间”，不用考虑纽扣，拉链和具体尺寸等细节，消费者只需选择一位标准模特，或自创一位类似于自己体型的模特，并选择模特的肤色、发型、身体特征、高度、体重，以及眼睛颜色、鼻子、嘴唇等，之后注册进入“我的模特”，一旦 注册得到确认，就可以用所有 H&M 销售的服装包括泳装、成衣和小装饰品为模特进行搭配。消费者在试衣间找到满意的组合后，即可进入“你的衣柜”，随后将衣柜中的组合打印出
14、来，便可带到商场直接购买。 如今，在现代服装工业最发达的美国和日本，网上虚拟服装试衣的模式已有了一定的发展。美国一家叫双子星的图像公司，早在 2001 年就已开发出能够得到顾客的精确身材尺寸的身体扫描仪，并在纽约、华盛顿和洛杉矶等城市安置了 50间体形扫描亭，消费者进入后，扫描得到的人体尺寸数据被传到互联网上，存储在一个数据库里，方便随时根据用户的尺寸来进 行设计。而另一家著名的服装公司更是斥资 2500 万美元，在美国 14 个城市设立了“电子裁缝”试衣亭，消费者进入后换上紧身衣接受扫描，全过程仅需 15 秒，数据跟公司网站相连，网站设计了一个虚拟试衣系统，用户可以选择自己的虚拟模特，穿上公
15、司各种衣服，观察效果，立刻就可以选购到合适自己的服装。 日本东芝公司已研制成功电脑试衣系统，系统能在屏幕上显示用户的三维形象，模拟一6 些简单的肢体动作，这样产品不但可以放在服装店里用于改进服装销售方式，爱美的用户还可以将其购买回家，每天根据试衣系统里搭配出来的服饰进行穿着，更能起到快速 搭配的效果。 目前，国内外试衣系统都还不够成熟，这个领域有很大的发展空间，也很有研究价值。现有系统大多是平面的，有的是直接把服装的平面贴图移动覆盖到模特的平面照片，用户在进行这种虚拟试衣时，无法全方位多角度地审视服装穿在模特身上的效果，也就不能对服装的真实特性有很好的把握，常常达不到理想的试衣效果。 例如：
16、(1) 淘宝为代表，没有试衣过程，买家通过浏览服饰的实物图片或穿在特定模特身上的效果来确定购买对象。 (2) 以秀为代表，有某种意义上的试衣过程。用户进行试衣时，只需点击服饰目标，服饰便自动穿戴到模 特身上，然后币支付购买。但这种模式中的虚拟模特头像比较卡通，跟真人不相符合，服饰也是非现实中的，缺乏交互性，可观赏的角度单一。 (3) 还有一种是服装企业网站，只有真实模特穿着服装展示，不能试衣。但模特儿的身材与平常人相差很大，用户也无法体会到自己穿上的效果。 1.3 论文研究的目的和意义 目前，由于普遍的服装购物网站都无法实现用户的在线试穿功能，给消费者和销售商带来了极大的不便与麻烦。本课题的目
17、的是缓解这一瓶颈状态，实现网络虚拟试衣的功能，使服装电子商务网站更加完善。在为客户提供高质量服务的同时，也为消费 者创造了一个舒适的购物环境，让他们在购物的过程中体会到无限的乐趣，具有一定的现实意义。同时，通过完成本系统的设计，让自己对专业知识有一个更深入的认识，提高自己的综合能力。 1.4 论文研究的基本内容 本文研究的基本内容，从虚拟服装设计、网络试衣、虚拟人体建模、虚拟服装建模、试衣功能等几个部分对网络虚拟试衣系统展开分析，根据试衣系统中现有不足，加以研究做出有针对性的解决方案。试衣系统主要有三个基本功能：第一是选衣功能，系统应具有各种款式的服装，服装可以是二维展示的，也可以是三维展示的
18、，用户可以通过鼠标直接点击 选择某件服装用于试衣；第二是试衣功能，顾客挑选好了服装，系统应该可以支持用户通过单击或拖曳鼠标等交互动作，让服装试穿到已经建立好的人体模型上；第三是动态展示功能，系统应该支持用户试穿服装后，进行旋转人模，观察服装穿着是否合体，有个整体的感受。 1.5 论文研究的研究方法 （ 1）文献研究法 文献研究法主要指收集、鉴别、整理文献，并通过对文献的研究，形成对事实科学认识7 的方法。该方法主要用于系统开发的前期。首先，通过阅读大量服装虚拟试衣网站的文献，结合现实，总结服装虚拟试衣系统的基本功能及不足。以此确定毕业设计的 选题。然后，根据相关文献，对系统进行需求分析和可行性
19、分析，从而确定自己的研究方向和实现方法。 （ 2）调查分析法 调 查法是指研究者通过实地面谈、提问调查等方式收集、了解事物详细资料数据，并加以分析的方法。这种方法通常用来探测、描述或解释社会行为、社会态度或社会现象，较多地被社会科学和人文科学研究人员大量使用。 (3) 数据库设计方法 通过该方法，设计出结构完整并适合管理的数据库。 (4) 面向对象方法（ Object-Oriented Method） 是一种把面向对象的思想应用于软件开发过程中，指导开发活动的系 统方法，简称 OO（ Object-Oriented）方法，是建立在“对象”概念基础上的方法学。通过该方法，运用面向对象编程工具来完
20、成试衣系统的开发。 1.6 论文的内容组织 论文共由七章组成。第 1章绪论，主要介绍系统的研究背景、研究目的和意义、研究内容以及研究方法；第 2 章基础知识简介，主要介绍系统开发过程中会用到的相关技术，主要用到 javascript和 HTML；第 3 章虚拟试衣系统的分析，主要是分析了现有的试衣系统的模式和试衣的模块和过程；第 4章试衣系统的实现，主要介绍系统的硬件软件环境、界面设计、功能实现； 第 5章总结，主要阐述了本课题所完成的研究工作。 2 基础知识简介 8 2.1 HTML 简介 HTML（ Hypertext Marked Language）即超文本标签语言。是 web 页面的描
21、述性语言，是在标准通用化标记语言 SGML（ standard generalized markup Language）的基础上建立起来的，其语法规则建立的文本可以运行在不同的操作系统平台和浏览器上，是所有网页制作技术的核心与基础。它被用来结构化信息 如标题、段落和列表等，也用在一定程度上描述文档的外观和语 义。 HTML 文件是包含一些标签的文本文件，这些标签告诉 Web 浏览器如何显示页面。 HTML文件必须使用 htm或者 html作为文件扩展名，该文件可以通过简单的文本编辑器来创建。 一个标准的 HTML 文件由 HTML元素，元素的属性和相关属性值 3个基本部分组成。 2.1.1 H
22、TML 元素 HTML元素（ element）通常由首尾两个标记（ tag） 组成，一个标记由一组尖括号“ =,|=,&=）、算术运算符 (+,-,*,/,+,-,%)、比较运算符 (,=,=,=,!=,!=)、逻辑运算符 (|,&,!)、条件运算 (?:)、位移运算符(|,&,)和字符串运算符 (+)。 （ 2）表达式 运算符和操作数的组合称为表达式，通常分为四类 ：赋值表达式、算术表达式、 布尔表达式 和字符串表达式。 （ 3）语句 JavaScript 程序是由若干语句组成的，语句是编写程序的指令。 JavaScript 提供了完整的基本编程语句，它们是： 赋值语句、 switch 选择
23、语句、 while循环语句、 for循环语句、 for each循环语句、 do while循环语句、 break 循环中止语句、 continue 循环中断语句、 with 语句、 try.catch语句、 if 语句（ if.else， if.else if .）、 let语句。 （ 4）函 数 函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点： 1）函数由关键字 function定义（也可由 Function 构造函数构造）； 2）使用 function 关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用 var关键字定义的必须定义后才能被调用； 3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名； 4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数 内部可以通过 arguments 对象（ arguments 对象是一个伪数组，属性 callee 引用被调用的函数）访问所有参数； 5） return语句用于返回表达式的值。 6） yield语句扔出一个表达式，并且中断函数执行直到下一次调用 next。 一般的函数都是以下格式： function myFunction(params)
