配置速查
{
"canvas": { "width":1600, "height":1000,
"background":["#0b0f17","#151c28"],
"padding":[40,40], "radius":0 },
"image": { "fit":"contain", "radius":8, "shadow":0 },
"output": { "scale":1, "format":"png",
"quality":0.92, "filename":"inset" },
"style": {
"source": { "stroke":"#f5b942", "width":3,
"dash":[12,8], "fill":"rgba(...)",
"radius":6, "glow":0 },
"inset": { "stroke":"#f5b942", "width":3,
"radius":10, "fill":"#0b0f17",
"shadow":28, "shadowAlpha":0.45,
"innerStroke":0, "ticks":0 },
"connector": { "mode":"edge|fill|curve|none",
"stroke":"#f5b942", "width":2,
"dash":[10,8], "opacity":0.9, "fill":"rgba(...)" },
"label": { "show":true, "on":"inset|source|both",
"template":"×{zoom}", "size":24,
"color":"#0b0f17", "bg":"#f5b942" }
},
"regions": [
{ "id":"a", "name":"细节", "parent":null,
"src": {"x":120,"y":80,"w":300,"h":200},
"box": {"x":980,"y":560,"w":520,"h":340},
"fit":"contain", "style":{} },
{ "id":"b", "parent":"a",
"src": {"x":150,"y":110,"w":120,"h":80},
"box": {"anchor":"br","dx":-16,"dy":-16,"w":220,"h":140} }
]
}
子区域的 box 可用 anchor 相对父框定位：
right left top bottom tr tl br bl center inside，配合 dx / dy 微调。