用JSFL填充图形

Question

我使用JSFL方法在Flsh ID中绘制图形，例如

// draw rectangle
doc.addNewLine({x:0, y:0}, {x:2000, y:0});
doc.addNewLine({x:2000, y:0}, {x:2000, y:500});
doc.addNewLine({x:2000, y:500}, {x:0, y:500});
doc.addNewLine({x:0, y:500}, {x:0, y:0});
// how can I fill it, because this way doesn't work
doc.setFillColor('#0000ff');

Answer 1

试试这个：

var doc = fl.getDocumentDOM();
// draw rectangle
doc.addNewLine({x:0, y:0}, {x:2000, y:0});
doc.addNewLine({x:2000, y:0}, {x:2000, y:500});
doc.addNewLine({x:2000, y:500}, {x:0, y:500});
doc.addNewLine({x:0, y:500}, {x:0, y:0});
//fill
fl.getDocumentDOM().selectAll();
fl.getDocumentDOM().union();

var fillA = fl.getDocumentDOM().getCustomFill();
fillA.style = 'radialGradient';
fl.getDocumentDOM().setCustomFill(fillA);

var fillB = fl.getDocumentDOM().getCustomFill();
fillB.style = "solid";
fillB.color = 0x0000FF;
fl.getDocumentDOM().setCustomFill(fillB);

荣誉实际上属于Christian Guirreri，而不是我。这是完整的jsfl article。

Answer 2

我发现的另一种在舞台上填充形状很有用的方法。这包含了矩形形状和"#0000FF“颜色：

// Create Rectangle With Fill - Andrew Doll

var dom = fl.getDocumentDOM();
if (dom == null)
{
    alert('Please open a file.');
}
else
{
    // Declare variables.
    var tl = dom.getTimeline();
    var curLayer = tl.currentLayer;
    var curFrame = tl.currentFrame;
    var lockStatus = tl.layers[curLayer].locked;
    var myElements = tl.layers[curLayer].frames[0].elements;

    if (lockStatus)
    {
        alert('Unlock the layer.');
    }
    else
    {
        // Draw rectangle.
        dom.addNewLine({x:0, y:0}, {x:2000, y:0});
        dom.addNewLine({x:2000, y:0}, {x:2000, y:500});
        dom.addNewLine({x:2000, y:500}, {x:0, y:500});
        dom.addNewLine({x:0, y:500}, {x:0, y:0});

        // Sets the current layer as selected.
        tl.setSelectedLayers(curLayer);
        tl.setSelectedFrames(0, 0, true);

        // Checks to see if there is artwork selected.
        var mySelectedFrames = tl.getSelectedFrames();

        // Selects current frame.
        tl.setSelectedFrames(curFrame, curFrame, true);

        // Sets the fill color for the inside of the object.
        var insideContour = dom.selection[0].contours[0]; 
        var insideFill = insideContour.fill;
        insideFill.color = '#0000ff';
        dom.setFillColor('#0000ff');
        dom.selectNone();
    }
}