写一个用FillLayer创建后修改strokeColor示例
时间: 2024-05-06 18:21:14 浏览: 61
很高兴回答您的问题。以下是使用FillLayer创建并修改strokeColor的示例代码:
```
import sketch from 'sketch'
// 获取当前文档
const document = sketch.getSelectedDocument()
// 创建一个新的 FillLayer
const shape = new sketch.Shape({
name: 'My Shape',
frame: new sketch.Rectangle(0, 0, 100, 100),
style: {
fills: [
{
fillType: sketch.Style.FillType.Color,
color: '#FF0000', // 设置初始颜色为red
},
],
borders: [
{
fillType: sketch.Style.FillType.Color,
color: '#000000', // 设置边框颜色为black
thickness: 2, // 设置边框厚度为2
},
],
},
})
// 将图形添加到当前页面中
document.selectedPage.layers.push(shape)
// 修改 strokeColor
shape.style.borders[0].color = '#00FF00' // 将边框颜色改为green
// 重新渲染此图层
shape.sketchObject.treeAsSketchJSON()
```
此示例创建了一个名为"My Shape"的形状,并设置了红色填充和黑色边框。然后,示例修改了边框的颜色为绿色,并重新渲染该图层。
希望这个示例可以对您有所帮助。如果您有任何其他问题,请随时问我。
阅读全文