From b647597dbc685690597ea4576e711de000447d18 Mon Sep 17 00:00:00 2001 From: vczero Date: Tue, 28 Apr 2015 17:36:41 +0800 Subject: [PATCH] add ctrip --- ctrip/.project | 43 +++++++ ctrip/canvas.js | 153 ----------------------- ctrip/data.js | 1 - ctrip/img/2.png | Bin 0 -> 11754 bytes ctrip/index.html | 24 ++-- ctrip/js/canvas_2.js | 275 +++++++++++++++++++++++++++++++++++++++++ ctrip/{ => js}/util.js | 0 ctrip/mobile.html | 16 +++ 8 files changed, 351 insertions(+), 161 deletions(-) create mode 100644 ctrip/.project delete mode 100644 ctrip/canvas.js delete mode 100644 ctrip/data.js create mode 100644 ctrip/img/2.png create mode 100644 ctrip/js/canvas_2.js rename ctrip/{ => js}/util.js (100%) create mode 100644 ctrip/mobile.html diff --git a/ctrip/.project b/ctrip/.project new file mode 100644 index 0000000..26e2ff1 --- /dev/null +++ b/ctrip/.project @@ -0,0 +1,43 @@ + + + ctrip + Create By HBuilder + + + + + com.aptana.ide.core.unifiedBuilder + + + + + com.aptana.editor.php.aptanaPhpBuilder + + + + + + com.aptana.projects.webnature + com.aptana.editor.php.phpNature + + + + 1429798119704 + + 10 + + org.eclipse.ui.ide.orFilterMatcher + + + org.eclipse.ui.ide.multiFilter + 1.0-projectRelativePath-matches-false-false-bin + + + org.eclipse.ui.ide.multiFilter + 1.0-projectRelativePath-matches-false-false-setting + + + + + + diff --git a/ctrip/canvas.js b/ctrip/canvas.js deleted file mode 100644 index 2f56d88..0000000 --- a/ctrip/canvas.js +++ /dev/null @@ -1,153 +0,0 @@ - - -;(function(exports, require){ - var canvas = document.getElementsByTagName('canvas')[0]; - var context = canvas.getContext('2d'); - var ajax = require.ajax; - var addEvent = require.addEvent; - var data = require.data; - - //缩放比例 - var SCALE_BIG = 1; - var SCALE_SML = 0.25; - - //颜色对应表 - var COLOR_LIST = { - BODY: '#63CEF6', - DUPI: '#FFF', - EYE: '#034E68', - ZUIBA: '#0089B5', - TOUQUAN: '#BDF9FB', - JIUWO: '#FFBFE3', - QIPAO: '#C9E8FB', - BISHANG: '#46BEEF', - BIXIA: '#54C5F2', - GO: '#B1DBF2' - }; - - if(!context){ - return; - } - - if(!window.requestAnimationFrame){ - return window.requestAnimationFrame = (function(){ - window.webkitRequestAnimationFrame - || window.mozRequestAnimationFrame - || window.oRequestAnimationFrame - || window.msRequestAnimationFrame - || function(callback, el){ - window.setTimeout(callback, 1000/ 60); - }; - })(); - } - - - context.scale(SCALE_SML, SCALE_SML); - //draw polygon - function drawPolygon(data, part, color){ - var xys = data[part]; - context.beginPath(); - context.fillStyle = color; - - context.moveTo(xys[0], xys[1]); - for(var i = 2; i < xys.length; i++){ - if(i % 2 !== 0){ - context.lineTo(xys[i-1], xys[i]); - } - } - - context.fill(); - context.closePath(); - } - - //draw eye - function drawEye(data, part, color){ - var xys = data[part]; - context.beginPath(); - context.fillStyle = color; - - //变形 - context.save(); - context.scale(1.5, 2); - context.arc(xys[0]/1.5, xys[1]/2, 6, 0, Math.PI * 2, false); - context.restore(); - - context.fill(); - context.closePath(); - - } - - //drawCircle - function drawCircle(data, part, color, radius){ - var xys = data[part]; - context.beginPath(); - context.fillStyle = color; - - context.arc(xys[0], xys[1], radius, 0, Math.PI * 2, false); - - context.fill(); - context.closePath(); - } - - - - //draw line - function drawLine(data, part, color, width){ - var xys = data[part]; - context.beginPath(); - context.strokeStyle = color; - context.lineWidth = width; - context.moveTo(xys[0], xys[1]); - for(var i = 0; i < xys.length; i++){ - if(i % 2 !== 0){ - context.lineTo(xys[i-1], xys[i]); - } - } - context.stroke(); - context.closePath(); - } - - //draw text - function drawText(x, y){ - context.beginPath(); - context.fillStyle = '#FFFFFF'; - context.font = '40px arial,sans-serif'; - context.fillText('go...', x, y) - context.fill(); - context.closePath(); - } - - - //绘制 - function draw(fileName){ - drawPolygon(data, 'polygon_body', COLOR_LIST.BODY); - drawPolygon(data, 'polygon_dupi', COLOR_LIST.DUPI); - drawPolygon(data, 'polygon_touquan', COLOR_LIST.TOUQUAN); - drawPolygon(data, 'polygon_jiuwo1', COLOR_LIST.JIUWO); - drawPolygon(data, 'polygon_jiuwo2', COLOR_LIST.JIUWO); - drawPolygon(data, 'polygon_go', COLOR_LIST.GO); - - drawEye(data, 'circle_eye1', COLOR_LIST.EYE); - drawEye(data, 'circle_eye2', COLOR_LIST.EYE); - - drawLine(data, 'line_zui', COLOR_LIST.ZUIBA, 4); - drawLine(data, 'line_bishang', COLOR_LIST.BISHANG, 8); - drawLine(data, 'line_bixia', COLOR_LIST.BIXIA, 5); - - drawCircle(data, 'circle_qipao1', COLOR_LIST.QIPAO, 30); - drawCircle(data, 'circle_qipao2', COLOR_LIST.QIPAO, 25); - drawCircle(data, 'circle_qipao3', COLOR_LIST.QIPAO, 15); - drawCircle(data, 'circle_qipao4', COLOR_LIST.QIPAO, 20); - drawCircle(data, 'circle_qipao5', COLOR_LIST.QIPAO, 15); - drawCircle(data, 'circle_qipao6', COLOR_LIST.QIPAO, 10); - drawCircle(data, 'circle_qipao7', COLOR_LIST.QIPAO, 16); - - drawText(320, 69); - } - - //执行流程 - draw('dist_3'); - - - -})(window, window); diff --git a/ctrip/data.js b/ctrip/data.js deleted file mode 100644 index d7a3c9d..0000000 --- a/ctrip/data.js +++ /dev/null @@ -1 +0,0 @@ -window.data = {"circle_eye1":["169","180"],"circle_eye2":["283","150"],"circle_qipao1":["44","270"],"circle_qipao2":["331","420"],"circle_qipao3":["91","405"],"circle_qipao4":["124","427"],"circle_qipao5":["279","446"],"circle_qipao6":["356","369"],"circle_qipao7":["413","270"],"line_bishang":["219","171","224","168","228","166","231","162","235","159","241","159","248","159","254","159"],"line_bixia":["239","219","244","219","249","218","251","218","254","215","255","211"],"line_zui":["190","204","197","204","204","204","208","202","213","201","216","199","221","194","225","192","229","187","232","184","237","180","241","179","244","179","248","177","252","177","258","177","261","177","264","177","270","178","275","181","280","181","284","181"],"polygon_body":["89","312","91","307","91","303","90","299","90","294","91","289","92","284","95","280","99","274","101","271","103","266","107","262","110","257","109","249","109","245","107","242","106","240","106","237","104","234","102","231","101","225","101","220","101","211","101","205","101","200","101","195","101","191","101","188","101","182","101","175","101","168","101","162","102","154","102","148","102","145","103","141","106","136","108","135","109","130","115","127","115","122","121","122","121","116","126","115","126","112","129","110","131","109","134","106","137","104","140","101","145","97","149","96","154","93","163","91","171","88","179","87","186","85","195","85","202","83","214","85","225","85","233","85","240","88","248","87","257","90","264","93","272","100","280","107","285","117","290","126","293","136","297","145","303","151","308","159","311","162","314","170","319","180","320","188","320","194","319","204","316","207","314","210","311","218","315","224","318","230","326","237","335","242","342","244","345","247","349","247","353","248","358","251","361","254","366","255","370","260","371","265","378","272","377","281","369","283","366","283","362","281","354","281","353","281","351","280","349","280","347","278","340","278","339","277","335","278","333","276","329","276","329","280","329","288","329","293","328","303","324","312","319","325","318","328","313","335","308","347","306","347","304","349","301","353","297","360","294","362","290","365","285","368","282","373","279","376","277","377","274","379","269","383","261","390","255","391","249","393","245","394","241","395","237","397","233","397","229","400","225","404","231","413","239","418","244","424","248","436","245","443","241","447","237","452","232","459","230","454","227","450","224","448","223","447","221","442","217","439","213","436","211","434","209","432","208","427","207","421","207","418","204","418","200","419","196","423","193","427","190","427","182","428","177","430","174","430","169","431","163","431","156","432","153","432","150","430","151","424","151","421","152","414","158","408","163","405","168","404","175","404","183","404","187","404","191","404","197","399","195","398","195","395","192","392","192","391","188","388","183","386","179","381","175","378","172","375","169","372","166","370","163","366","160","361","157","358","153","357","151","354","148","348","147","343","143","338","141","333","139","329","137","324","136","319","134","314","132","310","131","303","130","297","129","292","127","291","124","292","121","296","118","300","113","302","109","306","106","311","102","314","97","316","95","318","94","316","92","318","90","315"],"polygon_dupi":["173","277","173","271","175","267","176","264","177","261","177","260","179","255","183","252","185","249","187","249","194","248","199","248","203","248","209","247","215","247","220","245","226","244","232","242","234","242","238","239","245","238","248","236","254","233","262","231","270","230","277","230","287","232","294","235","305","241","311","247","315","253","318","260","316","276","316","283","316","295","315","304","312","314","309","321","305","329","304","333","300","340","297","343","295","347","291","350","289","355","285","360","282","361","279","366","278","368","275","371","268","375","257","381","252","380","248","380","239","380","235","380","229","378","225","376","221","372","218","368","214","363","209","360","204","355","204","353","202","349","199","346","197","341","194","337","189","332","188","330","187","325","185","321","180","311","179","305","177","301","176","298","176","293","175","288"],"polygon_go":["309","102","310","99","312","95","314","90","314","84","312","79","308","74","307","68","305","64","305","54","308","49","311","42","312","39","316","36","320","33","324","30","329","26","333","25","341","22","347","22","353","22","359","22","366","22","372","24","378","25","382","26","391","28","397","30","403","35","408","39","412","43","415","51","418","59","418","67","415","72","413","77","409","80","407","85","403","87","397","89","390","90","385","90","378","96","373","96","367","97","362","98","355","98","350","98","346","98","341","96","337","96","332","95","328","95","323","101","317","105","313","109","311","108"],"polygon_jiuwo1":["145","216","149","213","153","209","157","205","162","203","167","202","174","202","181","208","178","210","175","211","171","216","169","216","164","217","161","219","156","219","151","220","150","220"],"polygon_jiuwo2":["294","174","295","173","297","171","300","168","307","168","313","173","313","179","309","182","306","182","303","181","300","181","299","179","300","181"],"polygon_touquan":["67","129","69","124","71","120","71","115","74","112","75","110","79","110","87","118","92","119","102","127","110","131","115","127","117","124","121","121","132","121","140","121","149","121","157","120","167","118","178","117","185","118","196","117","203","115","208","113","216","112","220","111","225","110","228","108","235","106","241","104","242","104","248","104","250","101","250","103","255","100","258","95","263","93","269","94","274","100","278","110","273","112","270","113","266","117","265","117","260","118","258","121","252","122","248","124","245","125","240","127","236","128","230","130","226","130","222","131","216","132","213","133","207","136","201","136","197","137","189","137","185","140","180","140","175","140","166","143","159","141","153","141","148","141","143","143","139","143","131","143","124","143","119","143","114","142","109","142","106","142","104","147","104","154","100","160","95","164","90","167","86","168","83","170","78","170","78","170","73","170","71","169","71","164","69","161","68","156","67","151","67","146","73","147","78","148","85","148","89","148","94","148","94","145","92","143","92","143","92","145","90","142","89","139","86","139","84","138","83","138","81","137","76","137","74","137","70","137","72","136","71","134","71","131"]}; \ No newline at end of file diff --git a/ctrip/img/2.png b/ctrip/img/2.png new file mode 100644 index 0000000000000000000000000000000000000000..6d496280a3e953a62bccf7575816827a2a68b0e3 GIT binary patch literal 11754 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 literal 0 HcmV?d00001 diff --git a/ctrip/index.html b/ctrip/index.html index fbe7230..f90db96 100644 --- a/ctrip/index.html +++ b/ctrip/index.html @@ -1,14 +1,24 @@ - - 携程游游矢量化 + + - - - - - + + + + + + + + + + diff --git a/ctrip/js/canvas_2.js b/ctrip/js/canvas_2.js new file mode 100644 index 0000000..3e19e64 --- /dev/null +++ b/ctrip/js/canvas_2.js @@ -0,0 +1,275 @@ +;(function(exports){ + if(!document.createElement('canvas').getContext('2d')){ + return; + } + + var COLOR_LIST = { + BODY: '#86CFF8', + DU_PI: '#FFF', + TOU_QUAN: '#B6F5F8', + CHI_BANG_1: '#86CFF8', + CHI_BANG_2: '#86CFF8', + WEI_BA: '#86CFF8' + }; + var body = [112, 253, 95, 209, 110, 149, + 110, 145, 118, 112, 173, 92, + 173, 92, 253, 70, 282, 104, + 286, 103, 288, 131, 305, 150, + 305, 151, 320, 173, 315, 196, + 314, 199, 314, 210, 307, 217, + 306, 221, 313, 228, 319, 236, + 319, 236, 323, 260, 323, 288, + 323, 290, 322, 319, 309, 343, + 309, 344, 295, 367, 274, 379, + 274, 379, 256, 392, 230, 399, + 228, 401, 212, 400, 190, 384, + 190, 386, 155, 363, 136, 328, + 130, 318, 123, 272, 112, 253]; + + var dupi = [171, 292, 163, 260, 184, 246, + 184, 246, 208, 237, 228, 242, + 230, 242, 253, 227, 262, 225, + 262, 225, 292, 218, 304, 230, + 306, 232, 317, 254, 315, 282, + 315, 282, 310, 329, 298, 344, + 298, 344, 277, 375, 254, 379, + 254, 379, 226, 385, 210, 367, + 208, 369, 187, 344, 173, 305, + 172, 306, 165, 280, 171, 269]; + + var touquan = [79, 130, 83, 106, 89, 105, + 132, 144, 114, 123, 124, 124, + 185, 115, 221, 106, 268, 92, + 268, 92, 273, 96, 285, 105, + 214, 133, 169, 142, 116, 142, + 119, 142, 89, 166, 79, 168, + 86, 168, 80, 157, 73, 148, + 130, 142, 87, 137, 79, 130]; + + var chibang_1 = [88, 308, 89, 281, 112, 255, + 114, 257, 125, 252, 130, 257, + 130, 258, 139, 266, 139, 274, + 139, 274, 124, 290, 98, 310, + 98, 310, 92, 314, 88, 310]; + + var chibang_2 = [318, 234, 349, 243, 372, 270, + 372, 270, 379, 274, 372, 282, + 372, 282, 356, 280, 320, 271, + 320, 272, 320, 266, 315, 246]; + + var chibang_2_new = [314, 232, 324, 230, 341, 233, + 342, 233, 350, 234, 366, 242, + 368, 244, 374, 253, 376, 258, + 375, 262, 347, 263, 315, 257]; + + var chibang_1_new = [72, 288, 84, 269, 101, 256, + 114, 243, 127, 253, 127, 253, + 127, 255, 128, 265, 123, 273, + 126, 278, 112, 284, 87, 296, + 87, 296, 79, 299, 70, 290]; + + var weiba = [145, 425, 152, 398, 160, 398, + 160, 398, 172, 391, 191, 391, + 191, 391, 187, 380, 189, 370, + 191, 371, 208, 380, 226, 388, + 228, 390, 221, 393, 228, 404, + 230, 406, 241, 414, 245, 432, + 245, 432, 240, 457, 231, 446, + 231, 446, 211, 433, 204, 414, + 204, 409, 185, 424, 145, 425]; + + var weiba_new = [200, 438, 190, 397, 230, 394, + 230, 397, 262, 410, 260, 445, + 260, 425, 200, 415, 240, 405, + 230, 407, 220, 430, 200, 440 + ]; + + + + function drawZui(ctx){ + //重复加粗 + for(var i = 0; i < 3; i++){ + ctx.beginPath(); + ctx.strokeStyle = '#099FDE'; + ctx.bezierCurveTo(195 - i, 210, 209, 210 + i, 224, 189); + ctx.bezierCurveTo(224, 189, 228, 180 + i, 244, 183); + ctx.bezierCurveTo(244, 183, 267, 189 + i, 270, 186); + ctx.stroke(); + ctx.closePath(); + } + } + + function drawEye(ctx, x, y){ + ctx.beginPath(); + ctx.fillStyle = '#000'; + ctx.save(); + ctx.scale(1.5, 2); + ctx.arc(x/1.5, y/2, 6, 0, Math.PI * 2, false); + ctx.restore(); + ctx.fill(); + ctx.closePath(); + + ctx.beginPath(); + ctx.fillStyle = '#ddd'; + ctx.save(); + ctx.scale(1.5, 2); + ctx.arc((x + 3)/1.5, (y - 5)/2, 3, 0, Math.PI * 2, false); + ctx.restore(); + ctx.fill(); + ctx.closePath(); + } + + //酒窝 + function drawJiuWo(ctx, x, y){ + ctx.beginPath(); + ctx.fillStyle = '#FFBFE3'; + ctx.save(); + ctx.scale(2.1, 1.2); + ctx.arc(x/2.1, y/1.2, 5, 0, Math.PI * 2, false); + ctx.restore(); + ctx.fill(); + ctx.closePath(); + } + + //重复鼻子 + function drawBiZi(ctx){ + for(var n = 0; n < 5; n++){ + ctx.beginPath(); + ctx.strokeStyle = '#46BEEF'; + ctx.bezierCurveTo(220, 173, 223, 164 + n, 247, 168); + ctx.stroke(); + ctx.closePath(); + } + } + + //气泡,以下参数经过计算后得出 + function drawPao(ctx, x, y, radius){ + ctx.beginPath(); + ctx.fillStyle = '#C9E8FB'; + ctx.arc(x, y, radius, 0, Math.PI * 2, false); + ctx.fill(); + ctx.closePath(); + //气泡内球 + ctx.beginPath(); + ctx.fillStyle = '#EBF3F7'; + ctx.save(); + ctx.scale(1.2, 1.8); + ctx.arc((x - (radius/2))/1.2, (y - (radius/4))/1.8, radius/7, 0, Math.PI * 2, false); + ctx.restore(); + ctx.fill(); + ctx.closePath(); + //气泡内多边形 + ctx.beginPath(); + ctx.fillStyle = '#EBF3F7'; + ctx.bezierCurveTo(x- radius/4, y+radius/2, x+radius/2.7, y+radius/2, x+radius/1.6, y+radius/4); + ctx.lineTo(x+radius/1.3, y+radius/2); + ctx.bezierCurveTo(x+radius/1.3, y+radius/2, x+radius/2.7, y+radius/1.3, x-radius/4, y+radius/1.3); + ctx.fill(); + ctx.closePath(); + } + + function drawGo(ctx){ + ctx.beginPath(); + ctx.fillStyle = '#C9E8FB'; + ctx.save(); + ctx.scale(2, 1.5); + ctx.arc(355/2, 80/1.5, 20, 0, Math.PI * 2, false); + ctx.restore(); + ctx.fill(); + ctx.closePath(); + //go尖 + ctx.beginPath(); + ctx.fillStyle = '#C9E8FB'; + ctx.bezierCurveTo(305, 113, 320, 103, 325, 90); + ctx.bezierCurveTo(346, 107, 320, 103, 305, 113); + ctx.fill(); + ctx.closePath(); + } + + function drawText(ctx, text, x, y, color){ + ctx.beginPath(); + ctx.fillStyle = color; + ctx.font = '36px arial,sans-serif'; + ctx.fillText(text, x, y) + ctx.fill(); + ctx.closePath(); + } + + function drawPolygon(ctx, data, color){ + ctx.beginPath(); + ctx.fillStyle = color; + for(var i = 0; i < data.length; i++){ + if(i % 6 === 0){ + ctx.bezierCurveTo(data[i], data[i+1], data[i+2], data[i+3], data[i+4], data[i+5]); + } + } + ctx.fill(); + ctx.closePath(); + } + + var UU = function(canvas, scale){ + this.canvas = canvas; + this.scale = scale; + this.ctx = canvas.getContext('2d'); + } + UU.prototype.draw = function(){ + this.ctx.scale(this.scale, this.scale); + var ctx = this.ctx; + var canvas = this.canvas; + var i = 0; + setInterval(function(){ + ctx.clearRect(0, 0, canvas.width, canvas.height); + drawPolygon(ctx, body, '#86CFF8'); + drawPolygon(ctx, dupi, COLOR_LIST.DU_PI); + drawPolygon(ctx, touquan, COLOR_LIST.TOU_QUAN); + drawZui(ctx); + drawJiuWo(ctx, 161, 211); + drawJiuWo(ctx, 300, 174); + drawBiZi(ctx); + drawGo(ctx); + drawText(ctx, 'go...', 320, 85, '#fff'); + + if(i % 2 === 0){ + drawPolygon(ctx, weiba, COLOR_LIST.WEI_BA); + drawPolygon(ctx, chibang_1, COLOR_LIST.CHI_BANG_1); + drawPolygon(ctx, chibang_2, COLOR_LIST.CHI_BANG_2); + }else{ + drawPolygon(ctx, weiba_new, COLOR_LIST.WEI_BA); + drawPolygon(ctx, chibang_1_new, COLOR_LIST.CHI_BANG_1); + drawPolygon(ctx, chibang_2_new, COLOR_LIST.CHI_BANG_2); + } + + if(i % 4 === 0){ + drawText(ctx, '>', 169 - 0, 180 + 5, '#099FDE'); + drawText(ctx, '<', 283 - 16, 150 + 16, '#099FDE'); + drawText(ctx, '‿', 169 + 10, 180 - 35, '#099FDE'); + drawText(ctx, '‿', 283 - 55, 150 - 14, '#099FDE'); + }else{ + drawEye(ctx, 169, 180); + drawEye(ctx, 283, 150); + } + if(i % 2 === 0){ + drawPao(ctx, 44, 270, 40); + drawPao(ctx, 331, 420, 25); + drawPao(ctx, 91, 405, 12); + drawPao(ctx, 124, 427, 11); + drawPao(ctx, 279, 446, 10); + drawPao(ctx, 356, 369, 12); + drawPao(ctx, 413, 270, 18); + }else{ + drawPao(ctx, 44, 270 + 10, 40); + drawPao(ctx, 331, 420 + 10, 25); + drawPao(ctx, 91, 405 + 10, 12); + drawPao(ctx, 124, 427 + 10, 11); + drawPao(ctx, 279, 446 + 10, 10); + drawPao(ctx, 356, 369 + 10, 12); + drawPao(ctx, 413, 270 + 10, 18); + } + + i++; + }, 380); + }; + + exports.UU = UU; + +})(window); diff --git a/ctrip/util.js b/ctrip/js/util.js similarity index 100% rename from ctrip/util.js rename to ctrip/js/util.js diff --git a/ctrip/mobile.html b/ctrip/mobile.html new file mode 100644 index 0000000..a01ddfb --- /dev/null +++ b/ctrip/mobile.html @@ -0,0 +1,16 @@ + + + + + + 游游矢量化 + + + + + + + +