素影装饰 3张图片

{
"id": "vertical-watercolor-textured-art",
"name": "素影装饰 3张图片",
"v": "7.0",
"commands": [
{
"txt": "画布基础底色，填充至 2.0 比例以适配长屏",
"method": "fillRect",
"color": "bg",
"rect": [
0,
0,
1,
2.0
]
},
{
"txt": "A. 极细微墨点：用于打破背景纯色感，模拟纸张纤维",
"method": "scatterElements",
"args": {
"type": "circle",
"count": 40,
"areas": [
[
0,
2.0
]
],
"colors": [
"sub3"
],
"sizeRange": [
0.001,
0.002
],
"options": {
"opacity": 0.05,
"roughness": 0
}
}
},
{
"txt": "C. 随机分布的不规则矩形：增强装饰层次，中等对比度",
"method": "scatterElements",
"args": {
"type": "rectangle",
"count": 8,
"areas": [
[
0,
1.8
]
],
"colors": [
"sub2"
],
"sizeRange": [
0.035,
0.07
],
"options": {
"fill": "sub2",
"fillStyle": "solid",
"opacity": 0.15,
"stroke": "sub2",
"strokeOpacity": 0.25,
"strokeWidth": 1.5,
"roughness": 1.2
}
}
},
{
"txt": "D. 随机分布的小圆点：高对比度点缀元素，作为视觉跳跃点",
"method": "scatterElements",
"args": {
"type": "circle",
"count": 15,
"areas": [
[
0,
2.0
]
],
"colors": [
"sub1"
],
"sizeRange": [
0.012,
0.022
],
"options": {
"fill": "sub1",
"fillStyle": "solid",
"opacity": 0.2,
"stroke": "sub1",
"strokeOpacity": 0.3,
"strokeWidth": 1,
"roughness": 0.8
}
}
},
{
"txt": "四角 L 型构图边框：使用原生 Context 绘制，强调画框感",
"method": "nativeContext",
"commands": [
{
"op": "save"
},
{
"op": "strokeStyle",
"args": [
"main"
]
},
{
"op": "globalAlpha",
"args": [
0.5
]
},
{
"op": "lineWidth",
"args": [
5
]
},
{
"op": "moveTo",
"args": [
0.05,
0.05
]
},
{
"op": "lineTo",
"args": [
0.15,
0.05
]
},
{
"op": "moveTo",
"args": [
0.05,
0.05
]
},
{
"op": "lineTo",
"args": [
0.05,
0.1
]
},
{
"op": "moveTo",
"args": [
0.95,
0.95
]
},
{
"op": "lineTo",
"args": [
0.85,
0.95
]
},
{
"op": "moveTo",
"args": [
0.95,
0.95
]
},
{
"op": "lineTo",
"args": [
0.95,
0.9
]
},
{
"op": "stroke"
},
{
"op": "restore"
}
]
},
{
"txt": "左下十字装饰：提升画面细节精致度",
"method": "path",
"d": "M0.15 0.85 L0.18 0.85 M0.165 0.835 L0.165 0.865",
"options": {
"stroke": "sub1",
"strokeOpacity": 0.8,
"strokeWidth": 4,
"roughness": 1
}
},
{
"txt": "右上十字装饰：与左下呼应，构成平衡感",
"method": "path",
"d": "M0.85 0.12 L0.88 0.12 M0.865 0.105 L0.865 0.135",
"options": {
"stroke": "sub1",
"strokeOpacity": 0.8,
"strokeWidth": 4,
"roughness": 1
}
},
{
"txt": "主标题装饰线：阶梯状横线，引导用户视线至图片上方",
"method": "path",
"d": "M0.1 0.288 L0.4 0.288 M0.1 0.30 L0.3 0.30 M0.1 0.312 L0.2 0.312",
"options": {
"stroke": "main",
"strokeOpacity": 0.9,
"strokeWidth": 6,
"roughness": 1.5
}
},
{
"txt": "标题右侧实心圆点：视觉平衡点",
"method": "circle",
"args": [
0.79,
0.295,
0.012
],
"options": {
"fill": "main",
"fillStyle": "solid",
"stroke": "transparent"
}
},
{
"txt": "标题右侧双横线：增加线条的韵律感",
"method": "path",
"d": "M0.815 0.295 L0.9 0.295 M0.865 0.313 L0.9 0.313",
"options": {
"stroke": "main",
"strokeOpacity": 0.9,
"strokeWidth": 6,
"roughness": 1
}
},
{
"txt": "核心图像层：包含动态波浪裁切与图像居中逻辑",
"method": "drawImages",
"layouts": {
"1": [
[
0.08,
0.21,
0.84,
0
]
],
"2": [
[
0.08,
0.21,
0.84,
0
],
[
0.08,
0.39,
0.84,
0
]
],
"3": [
[
0.08,
0.21,
0.84,
0
],
[
0.08,
0.385,
0.84,
0
],
[
0.08,
0.56,
0.84,
0
]
]
},
"layers": [
{
"txt": "波浪边框裁切层：height_ratio 与图片保持对齐",
"type": "artisticClip",
"mode": "wave",
"jitter": 0.02,
"segments": 30,
"height_ratio": 0.42
},
{
"txt": "图片渲染层：shape 设为 none 以透出 artisticClip 的效果",
"type": "image",
"shape": "none",
"height_ratio": 0.42,
"offset": [
0.5,
0.21
]
}
]
},
{
"txt": "底部签名区域：自动应用 QianTuXianMoTi 字体",
"method": "drawSeal",
"pos": [
0.5,
0.95
],
"options": {
"font": "QianTuXianMoTi"
}
}
],
"height_ratio": [
0.42,
0.42,
0.42
]
}