该博客主要介绍了如何使用HTML5 Canvas结合JavaScript处理face2.json文件中的图像数据。通过双击index.html文件，选择并加载face2.json，展示了如何将数据解析并用于在Canvas上绘制不同的面部特征，如皮肤、鼻子、眼睛、眉毛、嘴巴等。此外，还展示了如何根据标签颜色和可见性进行不同颜色的填充。
一、双击打开index.html文件
二、点击选择文件然后选中包含图片信息face2.json文件
三、打开face2.json文件后就可以看到如下效果
index.html文件
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SLM Viewer</title>
<script src="新建文本文档.js"></script>
</head>
<body>
<input class="MyButtion" id="data" type="file" multiple value="确定">
<script>
var tmp1;//数据文件存这里
var input=document.getElementById("data");
input.onchange=function () {
for(var iii=0;iii<this.files.length;iii++){
var file = this.files[iii];
if(!!file){
var reader=new FileReader();
reader.readAsText(file,"gbk");//gbk编码
reader.onload=function () {
tmp1=this.result;
process(this.result)
//console.log(this.result);//打印检查
};
}
}
}
function process(str) {
var json = JSON.parse(str);
var ctx=getCans();
var list=['skin','nose','eye_g','l_eye'
,'r_eye', 'l_brow', 'r_brow', 'mouth',
'u_lip', 'l_lip', 'l_eyeball', 'r_eyeball',
'l_ear', 'r_ear', 'neck','neck ', 'cloth', 'hair', 'hat', 'ear_r', 'neck_l'];
for(var bb=0;bb<list.length;bb++){
for(var kk=0;kk<json.length;kk++)
if(json[kk].labels.labelName===list[bb]){
draw0(ctx, json[kk].content, json[kk].labels.labelColor);
break;
}
}
}
function randomColor() {
var color = "#";
for (var i = 0; i < 6; i++) color+=parseInt(Math.random() * 16).toString(16);
return color;
}
function draw0(ctx,area0,color) {
var area=[]
for(var i=0;i<area0.length;i++){
area.push([area0[i].x,area0[i].y])
}
drawFill(ctx,area,color)
}
function getCans() {
var canvas = document.createElement("canvas");//画布
canvas.width = 600; canvas.height = 600;
document.body.append(canvas)
return canvas.getContext('2d');
}
function drawFill(ctx,area,color) {
area.push(area[0])
ctx.beginPath()
ctx.moveTo(area[0][0],area[0][1])
for(var i=1;i<area.length;i++)
ctx.lineTo(area[i][0],area[i][1]);
ctx.closePath()
ctx.fillStyle = color; //填充颜色
ctx.fill(); //填充
ctx.lineWidth=1;//描边
//ctx.strokeStyle = color; //描边颜色
ctx.stroke(); //描边
}
</script>
</body>
face2.json文件
[
{
"content": [
{
"x": 0,
"y": 157.5
},
{
"x": 3.5,
"y": 149.5
},
{
"x": 0,
"y": 140.5
},
{
"x": 0,
"y": 130.5
},
{
"x": 0,
"y": 40.499999999999986
},
{
"x": 12.499999999999986,
"y": 24.50000000000001
},
{
"x": 33.499999999999986,
"y": 6.500000000000022
},
{
"x": 50.500000000000014,
"y": 0
},
{
"x": 334.4999999999999,
"y": 0
},
{
"x": 340.49999999999994,
"y": 34.49999999999999
},
{
"x": 330.50000000000006,
"y": 63.49999999999998
},
{
"x": 294.50000000000006,
"y": 87.5
},
{
"x": 308.49999999999994,
"y": 120.49999999999997
},
{
"x": 312.50000000000006,
"y": 143.5
},
{
"x": 313.5,
"y": 180.50000000000003
},
{
"x": 314.5,
"y": 197.50000000000003
},
{
"x": 295.50000000000006,
"y": 166.50000000000003
},
{
"x": 295.50000000000006,
"y": 152.50000000000003
},
{
"x": 290.49999999999983,
"y": 138.5
},
{
"x": 282.49999999999994,
"y": 130.5
},
{
"x": 275.49999999999994,
"y": 119.49999999999999
},
{
"x": 266.50000000000006,
"y": 101.50000000000003
},
{
"x": 258.4999999999999,
"y": 97.50000000000001
},
{
"x": 241.50000000000003,
"y": 83.50000000000001
},
{
"x": 228.49999999999997,
"y": 70.5
},
{
"x": 216.5,
"y": 60.500000000000014
},
{
"x": 202.5000000000001,
"y": 50.49999999999997
},
{
"x": 188.5,
"y": 41.49999999999998
},
{
"x": 165.50000000000003,
"y": 36.49999999999997
},
{
"x": 142.50000000000009,
"y": 43.500000000000014
},
{
"x": 125.5,
"y": 62.50000000000002
},
{
"x": 115.5000000000001,
"y": 94.50000000000001
},
{
"x": 109.50000000000006,
"y": 127.50000000000003
},
{
"x": 119.5,
"y": 139.5
},
{
"x": 110.50000000000004,
"y": 181.50000000000003
},
{
"x": 101.50000000000003,
"y": 219.50000000000003
},
{
"x": 95.50000000000004,
"y": 245.50000000000003
},
{
"x": 101.50000000000003,
"y": 317.5
},
{
"x": 110.50000000000004,
"y": 409.5
},
{
"x": 74.50000000000004,
"y": 387.5
},
{
"x": 62.49999999999999,
"y": 365.5
},
{
"x": 34.50000000000006,
"y": 345.5
},
{
"x": 34.50000000000006,
"y": 336.5
},
{
"x": 18.500000000000007,
"y": 321.5
},
{
"x": 0,
"y": 306.49999999999994
},
{
"x": 0,
"y": 209.49999999999997
},
{
"x": 1.4999999999999831,
"y": 177.5
}
],
"rectMask": {
"xMin": 0,
"yMin": 0,
"width": 340.50000000000006,
"height": 409.5
},
"labels": {
"labelName": "hair",
"labelColor": "#ff0059",
"labelColorRGB": "255,0,0",
"visibility": true
},
"labelLocation": {
"x": 170.25000000000003,
"y": 204.75
},
"contentType": "polygon"
},
{
"content": [
{
"x": 259.74527010203445,
"y": 96.17178986158498
},
{
"x": 244.1586524044066,
"y": 87.96830686283339
},
{
"x": 231.03307960640393,
"y": 71.56134086533032
},
{
"x": 217.9075068084016,
"y": 61.71716126682849
},
{
"x": 207.2429789100245,
"y": 60.07646466707812
},
{
"x": 197.39879931152274,
"y": 55.97472316770242
},
{
"x": 190.83601291252148,
"y": 51.872981668326624
},
{
"x": 185.91392311327053,
"y": 48.59158846882601
},
{
"x": 180.9918333140197,
"y": 46.13054356920052
},
{
"x": 169.50695711576748,
"y": 45.31019526932536
},
{
"x": 162.12382241689107,
"y": 44.48984696945024
},
{
"x": 151.45929451851404,
"y": 44.48984696945024
},
{
"x": 144.07615981963767,
"y": 48.59158846882601
},
{
"x": 133.4116319212606,
"y": 57.61541976745269
},
{
"x": 126.02849722238416,
"y": 69.10029596570487
},
{
"x": 114.54362102413208,
"y": 82.22586876370733
},
{
"x": 117.00466592375757,
"y": 105.19562116021167
},
{
"x": 112.90292442438164,
"y": 115.86014905858873
},
{
"x": 115.36396932400723,
"y": 136.3688565554676
},
{
"x": 119.465710823383,
"y": 151.95547425309553
},
{
"x": 116.18431762388242,
"y": 174.10487834972474
},
{
"x": 106.3401380253805,
"y": 199.53567564585455
},
{
"x": 103.05874482587983,
"y": 232.34960764086077
},
{
"x": 96.49595842687864,
"y": 271.7263260348682
},
{
"x": 100.59769992625446,
"y": 311.10304442887565
},
{
"x": 103.05874482587983,
"y": 357.0425492218843
},
{
"x": 106.3401380253805,
"y": 398.0599642156421
},
{
"x": 144.07615981963767,
"y": 425.9518064113974
},
{
"x": 169.50695711576748,
"y": 435.7959860098992
},
{
"x": 199.039495911273,
"y": 444.81981730852596
},
{
"x": 237.59586600540533,
"y": 452.20295200740236
},
{
"x": 267.94875310078606,
"y": 453.8436486071526
},
{
"x": 285.1760673981643,
"y": 453.02330030727734
},
{
"x": 299.94233679591713,
"y": 448.1012105080266
},
{
"x": 308.14581979466857,
"y": 434.15528941014884
},
{
"x": 302.4033816955425,
"y": 407.90414381414394
},
{
"x": 288.457460597665,
"y": 396.4192676158917
},
{
"x": 285.99641569803947,
"y": 382.4733465180141
},
{
"x": 291.73885379716546,
"y": 370.1681220198869
},
{
"x": 290.9185054972903,
"y": 357.0425492218843
},
{
"x": 282.7150224985388,
"y": 346.37802132350726
},
{
"x": 281.89467419866367,
"y": 355.401852622134
},
{
"x": 285.99641569803947,
"y": 334.89314512525516
},
{
"x": 304.86442659516814,
"y": 331.6117519257545
},
{
"x": 319.6306959929209,
"y": 325.8693138266284
},
{
"x": 332.75626879092323,
"y": 321.76757232725265
},
{
"x": 336.85801029029915,
"y": 311.9233927287508
},
{
"x": 329.47487559142263,
"y": 297.97747163087314
},
{
"x": 321.27139259267125,
"y": 285.67224713274584
},
{
"x": 312.2475612940444,
"y": 273.36702263461854
},
{
"x": 304.86442659516814,
"y": 260.241449836616
},
{
"x": 293.3795503969159,
"y": 248.75657363836382
},
{
"x": 290.0981571974151,
"y": 242.19378723936265
},
{
"x": 301.5830333956674,
"y": 238.91239403986197
},
{
"x": 313.06790959391947,
"y": 227.42751784160978
},
{
"x": 326.19348239192203,
"y": 223.325776342234
},
{
"x": 333.5766170907984,
"y": 215.12229334348248
},
{
"x": 319.6306959929209,
"y": 204.4577654451055
},
{
"x": 304.86442659516814,
"y": 183.9490579482266
},
{
"x": 297.48129189629157,
"y": 165.081047051098
},
{
"x": 293.3795503969159,
"y": 156.8775640523465
},
{
"x": 293.3795503969159,
"y": 150.31477765334523
},
{
"x": 287.6371122977897,
"y": 147.0333844538446
},
{
"x": 285.99641569803947,
"y": 140.47059805484338
},
{
"x": 285.1760673981643,
"y": 133.90781165584212
},
{
"x": 279.43362929903816,
"y": 124.8839803572154
},
{
"x": 277.7929326992879,
"y": 119.9618905579645
},
{
"x": 272.8708429000369,
"y": 108.47701435971236
},
{
"x": 268.7691014006612,
"y": 98.63283476121045
},
{
"x": 284.35571909828917,
"y": 124.06363205734026
}
],
"rectMask": {
"xMin": 96.49595842687864,
"yMin": 44.48984696945024,
"width": 240.36205186342045,
"height": 409.3538016377024
},
"labels": {
"labelName": "skin",
"labelColor": "#d47c00",
"labelColorRGB": "212,124,0",
"visibility": false
},
"labelLocation": {
"x": 216.67698435858887,
"y": 249.16674778830145
},
"contentType": "polygon"
},
{
"content": [
{
"x": 240.21948996176454,
"y": 223.9992492335931
},
{
"x": 245.00783537414202,
"y": 217.9049914360217
},
{
"x": 245.00783537414202,
"y": 212.6813418952462
},
{
"x": 243.26661886055032,
"y": 210.0695171248584
},
{
"x": 242.3960106037543,
"y": 205.71647584087887
},
{
"x": 241.09009821856034,
"y": 202.2340428136952
},
{
"x": 239.78418583336662,
"y": 199.62221804330744
},
{
"x": 237.60766519137675,
"y": 196.57508914452174
},
{
"x": 236.30175280618303,
"y": 193.527960245736
},
{
"x": 233.68992803579525,
"y": 191.35143960374623
},
{
"x": 230.2074950086114,
"y": 190.0455272185524
},
{
"x": 226.72506198142784,
"y": 189.17491896175648
},
{
"x": 223.24262895424417,
"y": 187.43370244816464
},
{
"x": 221.93671656905028,
"y": 184.3865735493789
},
{
"x": 216.71306702827488,
"y": 185.69248593457274
},
{
"x": 206.26576794672383,
"y": 179.59822813700134
},
{
"x": 197.12438125036664,
"y": 177.42170749501156
},
{
"x": 189.72421106760132,
"y": 173.06866621103197
},
{
"x": 181.45343262804016,
"y": 170.02153731224627
},
{
"x": 175.35917483046876,
"y": 165.66849602826667
},
{
"x": 167.95900464770344,
"y": 161.3154547442871
},
{
"x": 160.55883446493812,
"y": 155.22119694671568
},
{
"x": 149.67623125498918,
"y": 147.82102676395039
},
{
"x": 143.58197345741775,
"y": 142.59737722317487
},
{
"x": 137.05241153144837,
"y": 127.36173272924634
},
{
"x": 135.74649914625454,
"y": 119.96156254648103
},
{
"x": 136.61710740305045,
"y": 133.89129465521572
},
{
"x": 138.35832391664232,
"y": 141.291464837981
},
{
"x": 140.53484455863202,
"y": 151.30345979113406
},
{
"x": 143.1466693290198,
"y": 159.57423823069527
},
{
"x": 147.0644064846014,
"y": 169.5862331838483
},
{
"x": 149.24092712659123,
"y": 178.29231575180748
},
{
"x": 145.75849409940759,
"y": 183.515965292583
},
{
"x": 142.71136520062183,
"y": 194.8338726309299
},
{
"x": 135.31119501785645,
"y": 203.97525932728706
},
{
"x": 128.34632896348927,
"y": 215.72847079403192
},
{
"x": 123.99328767950969,
"y": 228.35229051757275
},
{
"x": 131.82876199067292,
"y": 219.21090382121557
},
{
"x": 140.97014868702996,
"y": 208.3283006112666
},
{
"x": 151.41744776858104,
"y": 202.2340428136952
},
{
"x": 172.312045931683,
"y": 192.22204786054215
},
{
"x": 184.9358656552238,
"y": 189.6102230901544
},
{
"x": 202.3480307911422,
"y": 193.96326437413396
},
{
"x": 218.45428354186663,
"y": 200.9281304285013
},
{
"x": 229.33688675181557,
"y": 207.4576923544707
},
{
"x": 235.43114454938697,
"y": 213.11664602364417
}
],
"rectMask": {
"xMin": 123.99328767950969,
"yMin": 119.96156254648103,
"width": 121.01454769463247,
"height": 108.39072797109166
},
"labels": {
"labelName": "l_brow",
"labelColor": "#00c2d4",
"labelColorRGB": "0,194,212",
"visibility": false
},
"labelLocation": {
"x": 184.50056152682592,
"y": 174.15692653202686
},
"contentType": "polygon"
},
{
"content": [
{
"x": 266.77304179404,
"y": 227.91698638917475
},
{
"x": 274.17321197680536,
"y": 219.21090382121557
},
{
"x": 279.8321656459787,
"y": 214.42255840883803
},
{
"x": 285.9264234435503,
"y": 207.89299648286863
},
{
"x": 292.8912894979175,
"y": 207.0223882260727
},
{
"x": 302.4679803226725,
"y": 208.3283006112666
},
{
"x": 311.6093670190298,
"y": 211.3754295100523
},
{
"x": 319.4448413301929,
"y": 208.3283006112666
},
{
"x": 325.9744032561623,
"y": 203.97525932728706
},
{
"x": 335.5510940809175,
"y": 196.13978501612377
},
{
"x": 335.5510940809175,
"y": 192.22204786054215
},
{
"x": 336.42170233771327,
"y": 189.6102230901544
},
{
"x": 335.9863982093153,
"y": 184.3865735493789
},
{
"x": 334.2451816957236,
"y": 181.77474877899115
},
{
"x": 332.0686610537337,
"y": 178.29231575180748
},
{
"x": 328.58622802655015,
"y": 176.55109923821567
},
{
"x": 324.6684908709684,
"y": 174.8098827246238
},
{
"x": 334.68048582412143,
"y": 177.42170749501156
},
{
"x": 340.33943949329506,
"y": 193.527960245736
},
{
"x": 334.68048582412143,
"y": 211.3754295100523
},
{
"x": 326.8450115129583,
"y": 223.12864097679721
},
{
"x": 316.3977124314073,
"y": 227.48168226077678
},
{
"x": 308.12693399184604,
"y": 223.9992492335931
},
{
"x": 299.42085142388686,
"y": 220.95212033480738
},
{
"x": 287.66763995714194,
"y": 220.51681620640946
}
],
"rectMask": {
"xMin": 266.77304179404,
"yMin": 174.8098827246238,
"width": 73.56639769925499,
"height": 53.107103664550934
},
"labels": {
"labelName": "r_brow",
"labelColor": "#5400b3",
"labelColorRGB": "84,0,179",
"visibility": false
},
"labelLocation": {
"x": 303.5562406436675,
"y": 201.36343455689928
},
"contentType": "polygon"
},
{
"content": [
{
"x": 209.83703855113154,
"y": 235.44152918005378
},
{
"x": 197.84396562588165,
"y": 220.78332893808172
},
{
"x": 183.18576538390948,
"y": 207.90188024059108
},
{
"x": 163.1973105084931,
"y": 218.1182016213595
},
{
"x": 151.20423758324316,
"y": 228.77871088824827
},
{
"x": 142.320479860836,
"y": 235.44152918005378
},
{
"x": 150.3158618110025,
"y": 254.09742039710915
},
{
"x": 164.52987416685414,
"y": 263.86955389175716
},
{
"x": 177.85551075046502,
"y": 263.86955389175716
}
],
"rectMask": {
"xMin": 142.320479860836,
"yMin": 207.90188024059108,
"width": 67.51655869029561,
"height": 55.96767365116611
},
"labels": {
"labelName": "l_eye",
"labelColor": "#00ff7b",
"labelColorRGB": "0,255,123",
"visibility": false
},
"labelLocation": {
"x": 176.0787592059838,
"y": 235.88571706617415
},
"contentType": "polygon"
},
{
"content": [
{
"x": 273.3559062663438,
"y": 236.77409283841487
},
{
"x": 265.3605243161772,
"y": 229.2228987743686
},
{
"x": 275.57684569694567,
"y": 223.89264414092423
},
{
"x": 292.0117974833993,
"y": 218.5623895074799
},
{
"x": 313.777003903297,
"y": 226.55777145764645
},
{
"x": 300.89555520580643,
"y": 238.55084438289637
},
{
"x": 289.346670166677,
"y": 243.88109901634076
}
],
"rectMask": {
"xMin": 265.3605243161772,
"yMin": 218.5623895074799,
"width": 48.41647958711988,
"height": 25.318709508860856
},
"labels": {
"labelName": "r_eye",
"labelColor": "#ffea00",
"labelColorRGB": "255,234,0",
"visibility": false
},
"labelLocation": {
"x": 289.5687641097371,
"y": 231.22174426191035
},
"contentType": "polygon"
},
{
"content": [
{
"x": 265.3605243161772,
"y": 206.1251286961096
},
{
"x": 273.3559062663438,
"y": 215.4530743046373
},
{
"x": 265.3605243161772,
"y": 230.5554624327297
},
{
"x": 279.57453667202896,
"y": 240.77178381349813
},
{
"x": 296.45367634460285,
"y": 252.32066885262773
},
{
"x": 305.7816219531304,
"y": 259.8718629166739
},
{
"x": 313.777003903297,
"y": 275.4184389308867
},
{
"x": 336.43058609543584,
"y": 310.0650940482752
},
{
"x": 331.5445193481116,
"y": 325.1674821763677
},
{
"x": 307.11418561149156,
"y": 332.27448835429357
},
{
"x": 299.56299154744534,
"y": 330.0535489236917
},
{
"x": 292.4559853695196,
"y": 332.7186762404139
},
{
"x": 282.2396639887511,
"y": 334.051239898775
},
{
"x": 276.02103358306596,
"y": 335.3838035571361
},
{
"x": 272.9117183802233,
"y": 337.6047429877379
},
{
"x": 266.24890008841794,
"y": 339.3814945322194
},
{
"x": 257.80933025213096,
"y": 338.937306646099
},
{
"x": 255.1442029354088,
"y": 335.3838035571361
},
{
"x": 251.5906998464459,
"y": 334.9396156710157
},
{
"x": 247.14882098524214,
"y": 338.0489308738583
},
{
"x": 239.59762692119594,
"y": 330.9419246959324
},
{
"x": 234.71156017387196,
"y": 330.49773680981207
},
{
"x": 226.27199033758495,
"y": 332.7186762404139
},
{
"x": 221.83011147638135,
"y": 331.83030046817316
},
{
"x": 217.38823261517766,
"y": 332.7186762404139
},
{
"x": 211.61379009561304,
"y": 331.3861125820528
},
{
"x": 204.95097180380745,
"y": 325.6116700624881
},
{
"x": 199.6207171703631,
"y": 318.5046638845622
},
{
"x": 198.28815351200205,
"y": 308.73253038991413
},
{
"x": 205.83934757604817,
"y": 295.85108169242346
},
{
"x": 215.61148107069627,
"y": 285.19057242553475
},
{
"x": 225.8278024514647,
"y": 280.74869356433106
},
{
"x": 234.71156017387196,
"y": 277.1951904753682
},
{
"x": 240.48600269343677,
"y": 274.530063158646
},
{
"x": 240.93019057955718,
"y": 269.64399641132195
},
{
"x": 240.93019057955718,
"y": 265.20211755011826
},
{
"x": 240.93019057955718,
"y": 260.3160508027943
},
{
"x": 243.15113001015888,
"y": 250.98810519426658
},
{
"x": 244.03950578239966,
"y": 246.5462263330629
},
{
"x": 245.3720694407607,
"y": 237.6624686106556
},
{
"x": 244.03950578239966,
"y": 234.10896552169262
},
{
"x": 243.15113001015888,
"y": 231.4438382049705
},
{
"x": 241.81856635179784,
"y": 226.55777145764645
},
{
"x": 244.03950578239966,
"y": 224.33683202704464
},
{
"x": 245.81625732688119,
"y": 220.33914105196132
},
{
"x": 249.8139483019644,
"y": 217.22982584911878
},
{
"x": 252.92326350480693,
"y": 213.23213487403547
},
{
"x": 258.25351813825137,
"y": 212.34375910179475
}
],
"rectMask": {
"xMin": 198.28815351200205,
"yMin": 206.1251286961096,
"width": 138.1424325834338,
"height": 133.25636583610975
},
"labels": {
"labelName": "nose",
"labelColor": "#001aff",
"labelColorRGB": "0,26,255",
"visibility": false
},
"labelLocation": {
"x": 267.35936980371895,
"y": 272.7533116141645
},
"contentType": "polygon"
},
{
"content": [
{
"x": 66.63544845728993,
"y": 239.4218843487622
},
{
"x": 60.97100943015517,
"y": 213.1594852229557
},
{
"x": 52.21687638821976,
"y": 193.59142312921756
},
{
"x": 47.0673863635518,
"y": 185.86718809221566
},
{
"x": 40.37304933148345,
"y": 179.1728510601473
},
{
"x": 33.67871229941517,
"y": 175.05325904041297
},
{
"x": 28.52922227474721,
"y": 172.47851402807905
},
{
"x": 24.92457925747964,
"y": 170.41871801821182
},
{
"x": 16.17044621554417,
"y": 174.02336103547938
},
{
"x": 10.506007188409415,
"y": 177.11305505028014
},
{
"x": 5.871466166208285,
"y": 180.20274906508095
},
{
"x": 1.7518741464739487,
"y": 182.77749407741487
},
{
"x": 0,
"y": 187.41203509961602
},
{
"x": 0,
"y": 285.25234556830685
},
{
"x": 7.931262176075433,
"y": 291.43173359790836
},
{
"x": 10.506007188409415,
"y": 294.00647861024237
},
{
"x": 14.625599208143782,
"y": 298.6410196324435
},
{
"x": 26.984375267346824,
"y": 308.42505067931256
},
{
"x": 38.31325332161627,
"y": 315.6343367138477
},
{
"x": 54.79162140055368,
"y": 330.0529087829179
},
{
"x": 63.545754442489205,
"y": 342.9266338445878
},
{
"x": 70.7550404770243,
"y": 343.4415828470545
},
{
"x": 75.90453050169218,
"y": 340.35188883225385
},
{
"x": 78.47927551402617,
"y": 334.1725008026523
},
{
"x": 83.11381653622733,
"y": 330.0529087829179
},
{
"x": 86.71845955349488,
"y": 325.93331676318354
},
{
"x": 76.93442850662584,
"y": 315.6343367138477
},
{
"x": 75.90453050169218,
"y": 308.93999968177934
},
{
"x": 78.47927551402617,
"y": 304.3054586595782
},
{
"x": 68.69524446715711,
"y": 295.0363766151759
},
{
"x": 69.2101934696239,
"y": 284.7373965658401
},
{
"x": 69.2101934696239,
"y": 273.9234675140374
},
{
"x": 71.26998947949102,
"y": 271.34872250170343
},
{
"x": 71.26998947949102,
"y": 265.16933447210187
},
{
"x": 69.72514247209075,
"y": 260.01984444743397
}
],
"rectMask": {
"xMin": 0,
"yMin": 170.41871801821182,
"width": 86.71845955349488,
"height": 173.0228648288427
},
"labels": {
"labelName": "l_ear",
"labelColor": "#98c78b",
"labelColorRGB": "152,199,139",
"visibility": false
},
"labelLocation": {
"x": 43.35922977674744,
"y": 256.9301504326332
},
"contentType": "polygon"
},
{
"content": [
{
"x": 97.03354845650796,
"y": 397.7313494221921
},
{
"x": 129.80944100039824,
"y": 412.62948239668765
},
{
"x": 155.77475847023334,
"y": 424.97364971841245
},
{
"x": 179.61177122942615,
"y": 436.8921560980089
},
{
"x": 197.48953079882077,
"y": 443.70273117206403
},
{
"x": 206.4284105835181,
"y": 444.554053056321
},
{
"x": 216.21861225247227,
"y": 449.66198436186227
},
{
"x": 226.00881392142654,
"y": 452.21595001463294
},
{
"x": 236.6503374746376,
"y": 454.3442547252751
},
{
"x": 246.01487820146332,
"y": 453.4929328410183
},
{
"x": 234.52203276399536,
"y": 466.2627611048715
},
{
"x": 229.83976240058252,
"y": 470.0937095840276
},
{
"x": 228.13711863206876,
"y": 472.64767523679825
},
{
"x": 225.58315297929806,
"y": 476.05296277382575
},
{
"x": 229.83976240058252,
"y": 483.71485973213777
},
{
"x": 240.9069468959221,
"y": 499.88997553301857
},
{
"x": 223.88050921078434,
"y": 512
},
{
"x": 192.38159949327945,
"y": 512
},
{
"x": 165.13929919705905,
"y": 482.8635378478809
},
{
"x": 135.76869419019647,
"y": 465.4114392206146
},
{
"x": 114.48564708377427,
"y": 442.00008740355025
}
],
"rectMask": {
"xMin": 97.03354845650796,
"yMin": 397.7313494221921,
"width": 148.98132974495536,
"height": 114.2686505778079
},
"labels": {
"labelName": "neck ",
"labelColor": "#8cbaff",
"labelColorRGB": "140,186,255",
"visibility": false
},
"labelLocation": {
"x": 171.52421332898564,
"y": 454.86567471109606
},
"contentType": "polygon"
},
{
"content": [
{
"x": 189.4019728983804,
"y": 366.6581006468157
},
{
"x": 201.32047927797674,
"y": 366.6581006468157
},
{
"x": 209.40803717841723,
"y": 365.8067787625588
},
{
"x": 222.1778654422705,
"y": 366.6581006468157
},
{
"x": 233.24504993761008,
"y": 364.9554568783019
},
{
"x": 247.29186102784868,
"y": 361.1245083991459
},
{
"x": 266.87226436575713,
"y": 373.04301477874236
},
{
"x": 277.5137879189682,
"y": 369.2120662995863
},
{
"x": 287.72965053005083,
"y": 379.0022679685406
},
{
"x": 277.08812697683976,
"y": 380.2792507949258
},
{
"x": 282.6217192245095,
"y": 386.66416492685255
},
{
"x": 269.85189096065625,
"y": 389.2181305796232
},
{
"x": 254.52809704403222,
"y": 388.79246963749483
},
{
"x": 242.18392972230737,
"y": 385.3871821004672
}
],
"rectMask": {
"xMin": 189.4019728983804,
"yMin": 361.1245083991459,
"width": 98.32767763167054,
"height": 28.0936221804773
},
"labels": {
"labelName": "mouth",
"labelColor": "#19b30e",
"labelColorRGB": "25,179,14",
"visibility": false
},
"labelLocation": {
"x": 238.56581171421567,
"y": 375.17131948938453
},
"contentType": "polygon"
},
{
"content": [
{
"x": 183.90760590747448,
"y": 235.0921852860302
},
{
"x": 177.2220820144635,
"y": 234.20078210029538
},
{
"x": 178.11348520019828,
"y": 227.5152582072844
},
{
"x": 184.79900909320932,
"y": 225.73245183581477
},
{
"x": 190.1474282076181,
"y": 231.9722741359584
}
],
"rectMask": {
"xMin": 177.2220820144635,
"yMin": 225.73245183581477,
"width": 12.925346193154613,
"height": 9.35973345021541
},
"labels": {
"labelName": "l_eyeball",
"labelColor": "#005e19",
"labelColorRGB": "0,94,25",
"visibility": false
},
"labelLocation": {
"x": 183.6847551110408,
"y": 230.41231856092247
},
"contentType": "polygon"
},
{
"content": [
{
"x": 281.0705531525678,
"y": 238.212096436102
},
{
"x": 281.0705531525678,
"y": 233.755080507428
},
{
"x": 286.4189722669766,
"y": 230.18946776448877
},
{
"x": 293.1044961599876,
"y": 235.983588471765
},
{
"x": 288.64748023131364,
"y": 240.8863059933064
}
],
"rectMask": {
"xMin": 281.0705531525678,
"yMin": 230.18946776448877,
"width": 12.033943007419813,
"height": 10.696838228817612
},
"labels": {
"labelName": "r_eyeball",
"labelColor": "#4e005e",
"labelColorRGB": "78,0,94",
"visibility": false
},
"labelLocation": {
"x": 287.0875246562777,
"y": 235.53788687889758
},
"contentType": "polygon"
},
{
"content": [
{
"x": 101.6200550219343,
"y": 414.14384846789665
},
{
"x": 110.8933131880069,
"y": 424.50807818291895
},
{
"x": 115.25719938380577,
"y": 427.2355070552933
},
{
"x": 119.07559980512978,
"y": 429.4174501531927
},
{
"x": 124.53045754987838,
"y": 436.5087652213659
},
{
"x": 131.0762868435767,
"y": 441.9636229661145
},
{
"x": 143.62245965649845,
"y": 446.3275091619134
},
{
"x": 154.53217514599564,
"y": 451.2368811321871
},
{
"x": 172.533205703666,
"y": 465.4195112685334
},
{
"x": 187.80680738896206,
"y": 472.5108263367066
},
{
"x": 206.35332372110724,
"y": 483.9660276006786
},
{
"x": 220.5359538574536,
"y": 477.4201983069803
},
{
"x": 227.0817831511519,
"y": 470.3288832388071
},
{
"x": 232.53664089590046,
"y": 483.42054182620376
},
{
"x": 238.53698441512395,
"y": 479.6021414048797
},
{
"x": 240.17344173854852,
"y": 493.78477154122606
},
{
"x": 248.35572835567137,
"y": 512
},
{
"x": 26.34301814440373,
"y": 512
},
{
"x": 60.70862193631986,
"y": 479.6021414048797
},
{
"x": 78.16416671951536,
"y": 462.1465966216843
},
{
"x": 78.7096524939902,
"y": 450.6913953577122
},
{
"x": 85.25548178768852,
"y": 434.8723078979413
},
{
"x": 92.89228263033655,
"y": 422.32613508501953
}
],
"rectMask": {
"xMin": 26.34301814440373,
"yMin": 414.14384846789665,
"width": 222.0127102112677,
"height": 97.85615153210334
},
"labels": {
"labelName": "cloth",
"labelColor": "#093306",
"labelColorRGB": "9,51,6",
"visibility": false
},
"labelLocation": {
"x": 137.34937325003756,
"y": 463.0719242339483
},
"contentType": "polygon"
},
{
"content": [
{
"x": 191.5607074941539,
"y": 366.3877496857887
},
{
"x": 227.72841165515192,
"y": 365.5531103589965
},
{
"x": 247.48154238923544,
"y": 361.10170061610444
},
{
"x": 268.0693124501112,
"y": 372.7866511911961
},
{
"x": 279.47604991627213,
"y": 369.44809388402706
},
{
"x": 287.54423007526395,
"y": 379.1855526966034
},
{
"x": 276.1374926091031,
"y": 380.85483135018796
},
{
"x": 265.00896825187294,
"y": 379.4637658055342
},
{
"x": 248.8726079338892,
"y": 375.2905691715729
}
],
"rectMask": {
"xMin": 191.5607074941539,
"yMin": 361.10170061610444,
"width": 95.9835225811101,
"height": 19.753130734083527
},
"labels": {
"labelName": "u_lip",
"labelColor": "#c7918b",
"labelColorRGB": "199,145,139",
"visibility": false
},
"labelLocation": {
"x": 239.55246878470894,
"y": 370.97826598314623
},
"contentType": "polygon"
},
{
"content": [
{
"x": 190.72606816736163,
"y": 366.109536576858
},
{
"x": 251.65473902319675,
"y": 375.84699538943437
},
{
"x": 266.12182068759597,
"y": 379.74197891446494
},
{
"x": 276.41570571803385,
"y": 381.1330444591187
},
{
"x": 281.4235416787874,
"y": 383.3587493305647
},
{
"x": 282.81460722344116,
"y": 386.6973066377338
},
{
"x": 270.0168042126265,
"y": 390.0358639449028
},
{
"x": 258.6100667464656,
"y": 389.47943772704133
},
{
"x": 244.6994112999279,
"y": 387.2537328555953
},
{
"x": 225.5027067837059,
"y": 380.0201920233957
},
{
"x": 207.41885470320688,
"y": 373.62129051798837
}
],
"rectMask": {
"xMin": 190.72606816736163,
"yMin": 366.109536576858,
"width": 92.08853905607954,
"height": 23.926327368044834
},
"labels": {
"labelName": "l_lip",
"labelColor": "#4d0043",
"labelColorRGB": "77,0,67",
"visibility": false
},
"labelLocation": {
"x": 236.7703376954014,
"y": 378.07270026088037
},
"contentType": "polygon"
}
]
扫一扫
1587
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
