2b:null 2c:["$","title",null,{"children":"[FFXIV] 测试FF14地图标记颜色 | UnluckyNinja | Observable"}] 31:T793,viewof a = Inputs.bind(Inputs.form({ stroke: Inputs.color({}), strokeAlpha: Inputs.range([0, 255],{step: 1}), color1: Inputs.color({}), alpha1: Inputs.range([0, 255],{step: 1}), position1: Inputs.range([0, 100],{step: 1}), color2: Inputs.color({}), alpha2: Inputs.range([0, 255],{step: 1}), position2: Inputs.range([0, 100],{step: 1}), color3: Inputs.color({}), alpha3: Inputs.range([0, 255],{step: 1}), position3: Inputs.range([0, 100],{step: 1}), }, { template: (inputs)=>{ return htl.html`

轮廓${inputs.stroke}

透明度${inputs.strokeAlpha}

颜色1${inputs.color1}

透明度${inputs.alpha1}

位置${inputs.position1}

颜色2${inputs.color2}

透明度${inputs.alpha2}

位置${inputs.position2}

颜色3${inputs.color3}

透明度${inputs.alpha3}

位置${inputs.position3}

` }}), viewof colorStore.value[target])32:T479,

轮廓

${colorStore[target].value.stroke}${toAlpha(colorStore[target].value.strokeAlpha)}

颜色1

${colorStore[target].value.color1}${toAlpha(colorStore[target].value.alpha1)}

颜色2

${colorStore[target].value.color2}${toAlpha(colorStore[target].value.alpha2)}

颜色3

${colorStore[target].value.color3}${toAlpha(colorStore[target].value.alpha3)}

（上面颜色选择器有BUG，切换时不更新旁边hex）

33:Tb15,{ function toAlpha(num){ return num.toString(16).padStart(2, '0') } return htl.svg`` }34:T53c,viewof colorStore = { const inputs = Inputs.input({ quest: Inputs.input({ stroke: "#ff7700", strokeAlpha: 0xff, color1: "#ff9442", alpha1: 0x22, position1: 10, color2: "#ff9442", alpha2: 0x22, position2: 50, color3: "#ff9442", alpha3: 0x46, position3: 95 }), fate: Inputs.input({ stroke: "#6698d3", strokeAlpha: 0xff, color1: "#6698d3", alpha1: 0x22, position1: 10, color2: "#6698d3", alpha2: 0x22, position2: 50, color3: "#6698d3", alpha3: 0x46, position3: 95 }), leve: Inputs.input({ stroke: "#49b135", strokeAlpha: 0xff, color1: "#68bc57", alpha1: 0x22, position1: 10, color2: "#68bc57", alpha2: 0x22, position2: 50, color3: "#68bc57", alpha3: 0x46, position3: 95 }) }); inputs.addEventListener('input', ()=>{ console.log(2) }) inputs.value.quest.addEventListener('input', ()=>{ inputs.dispatchEvent(new Event("input", {bubbles: true})) }) inputs.value.fate.addEventListener('input', ()=>{ inputs.dispatchEvent(new Event("input", {bubbles: true})) }) inputs.value.leve.addEventListener('input', ()=>{ inputs.dispatchEvent(new Event("input", {bubbles: true})) }) return inputs }35:[{"id":"92dd8934d89d68f1a6d2c0c60f1cd38a54314dc1f81d1396509f3a6bbd261ebbbe10df30760ca9adb902960f7e73e06267e4a34e2e3c783c3c4e8b0980ee1c2f","href":"https://static.observableusercontent.com/files/92dd8934d89d68f1a6d2c0c60f1cd38a54314dc1f81d1396509f3a6bbd261ebbbe10df30760ca9adb902960f7e73e06267e4a34e2e3c783c3c4e8b0980ee1c2f","name":"a2f1 - 阿巴拉提亚云海@1.png","type":"image/jpeg","lastModified":1698555288135.859,"size":294007}] 2f:{"id":"cd930332a23f9359","slug":null,"title":"[FFXIV] 测试FF14地图标记颜色","thumbnail":"1346d7d7029cff3dfbb3f789f2ba47e42775a7ccea1d1f1bbda8e8b3d380cd4c","access_level":"public","create_time":"$D2023-10-29T04:50:41.029Z","update_time":"$D2024-10-02T09:03:41.979Z","view_time":null,"first_public_time":"$D2023-10-29T04:50:41.029Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"ebb6118c9a990a2c","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":"starter_2024"},"version":281,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4df1f6fd87aa7295","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":null}],"members":[{"type":"individual","id":"4df1f6fd87aa7295","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"618097a6397b7b90","slug":"ffxiv","title":"FFXIV","owner":{"id":"ebb6118c9a990a2c","login":"unluckyninja","name":"UnluckyNinja"}},"type":"notebook","body":{"title":"[FFXIV] 测试FF14地图标记颜色","cells":[{"id":0,"value":"# [FFXIV] 测试FF14地图标记颜色","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"viewof target = Inputs.radio(['quest', 'fate', 'leve'], {value: 'fate'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"$32","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":274,"value":"上方修改内容刷新就会丢失，注意及时截图保存","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"function toAlpha(num){\n return num.toString(16).padStart(2, '0')\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"unocss = import('https://cdn.jsdelivr.net/npm/@unocss/runtime/uno.global.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"