组件说明
```
//说明：
//type:组件类型
//lebel：标签，即设计报表当时就填入的文字内容，定量；
//text:文本，即变量，后期填入的文字内容，非设计报表时就填写的；
//sign:签字区域，后期用户手写签批
//line:直线
//rectangle：矩形
//img:图片，base64形式上传，需要做压缩，具体压缩至多少kb以内，后期看实际效果相应调整
//barcode:条形码
//qrcode:二维码
//imgbox:图片选择框
//id：id，必须保证所有组件的id不能出现重复，且只可由英文字符和数字组成
//name：名称，组件名称，完全是用户自己定义区分组件的
//data下所有键值对都为字符串类型
//content:内容，标签内容/图片base64内容/条形码内容/二维码内容
//position:位置，"x,y"形式，中间由","隔开
//size:大小，"width,height"形式，中间由","隔开
//border_color:边框颜色，十六进制形式 ，如"#5a5a5a"
//border_width:边框宽度，整数，无则传0（直线line不建议可以为0，为0则透明，没有意义）
//font_color: 字体颜色，十六进制形式 ，如"#5a5a5a"
//font_size: 字体大小，整数
//h_align：水平对齐方式，left:靠左对齐，center:居中，right:靠右对齐
//v_align:垂直对齐方式， top:顶端对齐，middle:放在中部，bottom:底端对齐
//msg:备注/提示语，比如签字区域组件的提示语
//filling_color: 填充区间的颜色，十六进制形式 ，如"#5a5a5a"
//barcode_color:条形码颜色，十六进制形式 ，如"#5a5a5a"
//barcode_font_color:条形码下方数字颜色，十六进制形式 ，如"#5a5a5a"
//padding_left:文本距离边框的左距离，当h_align水平对齐方式是left靠左对齐是才有，否则不设置这个参数，或者值设为0
//padding_right:文本距离边框的右距离，当h_align水平对齐方式是right靠右对齐是才有，否则不设置这个参数，或者值设为0
//barcode_width:条形码的窄模的宽度
//barcode_height:条形码的窄模的高度
//目前艺术版特用
//font_family:字体型号，目前支持， 宋体：SimSun，仿宋：FangSong，楷体：KaiTi，黑体：SimHei，方正兰亭特黑：FzltTh，方正兰亭纤黑：FzltQh
//font_weight:字体的粗细，普通：normal,加粗：bold，更粗：bolder
//瀑布流表单复选框特用：
//font_family：Iconfont字体：Icon
[{
"type": "label",
"id": "label1",
"name": "我的标签",
"data": {
"content": "标签1",
"position": "343,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "0",
"font_color": "#5a5a5a",
"font_size": "14",
"h_align": "left/center/right",
"v_align": "top/middle/bottom",
"padding_left":"50",
"padding_right":"50"
}
}, {
"type": "text",
"id": "text1",
"name": "我的文本",
"data": {
"position": "100,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "0",
"font_color": "#5a5a5a",
"font_size": "14",
"h_align": "left/center/right",
"v_align": "top/middle/bottom"
}
}, {
"type": "sign",
"id": "sign1",
"name": "我的签字区域",
"data": {
"position": "100,100",
"size": "100,100"
}
}, {
"type": "line",
"id": "line1",
"name": "我的直线",
"data": {
"position": "100,100",
"size": "100,100",
"filling_color": "#5a5a5a"
}
}, {
"type": "rectangle",
"id": "rectangle1",
"name": "我的矩形",
"data": {
"position": "100,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "1",
"filling_color": "#5a5a5a"
}
}, {
"type": "img",
"id": "img1",
"name": "我的图片",
"data": {
"content": "base64编码内容",
"position": "100,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "0"
}
}, {
"type": "barcode",
"id": "barcode1",
"name": "我的条形码",
"data": {
"content": "432432",
"position": "100,100",
"size": "100,100",
"font_size": "14",
"barcode_color_color": "#5a5a5a",
"barcode_font_color": "#5a5a5a"，
"barcode_width":"5",
"barcode_height":"100"
}
}, {
"type": "qrcode",
"id": "qrcode1",
"name": "我的二维码",
"data": {
"content": "hello world",
"position": "100,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "0"
}
}, {
"type": "imgbox",
"id": "imgbox1",
"name": "图片选择框",
"data": {
"content": "",
"position": "100,100",
"size": "100,100",
"border_color": "#5a5a5a",
"border_width": "0",
"msg":"请选择身份证"
}
}]
```