极简网格手绘

{
"commands": [
{
"method": "fillRect",
"color": "bg",
"rect": [
0,
0,
1,
2
]
},
{
"method": "scatterElements",
"args": {
"type": "path",
"count": 12,
"areas": [
[
0.02,
0.08
],
[
0.82,
0.95
]
],
"sizeRange": [
0.008,
0.015
],
"randomRotate": true,
"options": {
"d": "M -1 -1 L 1 1 M 1 -1 L -1 1",
"stroke": "sub1",
"strokeWidth": 1,
"roughness": 1
}
}
},
{
"method": "scatterElements",
"args": {
"type": "circle",
"count": 10,
"colors": [
"main"
],
"sizeRange": [
0.004,
0.008
],
"options": {
"fill": "main",
"fillStyle": "solid",
"fillOpacity": 0.9,
"stroke": "none",
"roughness": 0
}
}
},
{
"method": "scatterElements",
"txt": "空白处随机虚线圆",
"args": {
"type": "circle",
"count": 6,
"areas": [
[
0.65,
0.85
]
],
"sizeRange": [
0.015,
0.03
],
"options": {
"fill": "transparent",
"stroke": "sub4",
"strokeWidth": 2,
"strokeLineDash": [
8,
8
],
"roughness": 1.2
}
}
},
{
"method": "gingham",
"txt": "【阵列底纹层】颜色从 main 修改为 accent",
"args": {
"type": "rectangle",
"rect": [
0,
0.88,
1.0,
0.12
],
"rows": 4,
"cols": 16,
"color1": "sub2",
"color2": "accent",
"alpha1": 0.15,
"alpha2": 0.35,
"padding": 0,
"roughness": 0
}
},
{
"method": "path",
"txt": "【视口分割线】颜色修改为 sub4",
"d": "M 0 0.88 L 1 0.88",
"options": {
"stroke": "sub4",
"strokeWidth": 3,
"strokeOpacity": 0.65,
"roughness": 0
}
},
{
"method": "rectangle",
"txt": "【第一行通栏框】颜色修改为 sub2",
"args": [
0.06,
0.10,
0.88,
0.2
],
"options": {
"stroke": "sub2",
"strokeWidth": 3,
"strokeLineDash": [
20,
15
],
"roughness": 1
}
},
{
"method": "drawImages",
"txt": "【核心图片布局】图片边框颜色修改为 accent",
"layouts": {
"1": [
[
0.06,
0.34,
0.42,
0
]
],
"2": [
[
0.06,
0.34,
0.42,
0
],
[
0.52,
0.55,
0.42,
0
]
]
},
"layers": [
{
"type": "shape",
"shape": "rect",
"strokeKey": "accent",
"height_ratio": 1.0,
"options": {
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"type": "image",
"padding": 0.012
}
]
},
{
"method": "nativeContext",
"txt": "【右侧小框样式准备】修改为 sub8",
"commands": [
{
"op": "save"
},
{
"op": "strokeStyle",
"args": [
"sub8"
]
},
{
"op": "lineWidth",
"args": [
3
]
}
]
},
{
"method": "rectangle",
"txt": "【右上小框1】",
"args": [
0.52,
0.34,
0.19,
0.085
],
"options": {
"stroke": "sub8",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【右上小框2】",
"args": [
0.75,
0.34,
0.19,
0.085
],
"options": {
"stroke": "sub8",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【右下小框3】",
"args": [
0.52,
0.45,
0.19,
0.085
],
"options": {
"stroke": "sub8",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【右下小框4】",
"args": [
0.75,
0.45,
0.19,
0.085
],
"options": {
"stroke": "sub8",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【第三行-左左上1】颜色修改为 sub4",
"args": [
0.06,
0.55,
0.19,
0.085
],
"options": {
"stroke": "sub4",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【第三行-左右上2】",
"args": [
0.29,
0.55,
0.19,
0.085
],
"options": {
"stroke": "sub4",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【第三行-左左下3】",
"args": [
0.06,
0.66,
0.19,
0.085
],
"options": {
"stroke": "sub4",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
},
{
"method": "rectangle",
"txt": "【第三行-左右下4】",
"args": [
0.29,
0.66,
0.19,
0.085
],
"options": {
"stroke": "sub4",
"strokeWidth": 3,
"strokeLineDash": [
12,
10
],
"roughness": 1.3
}
}
]
}