0

DisplayObject.graphics 绘制矢量是否支持提升命令？我认为 SVG 路径元素有一个命令可以抬起笔然后将其移动到另一个位置。我想知道建立在 DisplayObject.graphics API 之上的 FXG 中的 Path 元素是否具有相同的操作。

FXG 中的路径示例：

<s:Path data="M 0 0 L 0 100 L 100 100 L 100 0 L 0 0" />

“M 0 0”表示将笔移动到 x0 y0 位置。“L 0 100”表示从当前位置到 x0 y100 画一条线。第一个数字是 x 坐标，第二个数字是René Descartes 创建的笛卡尔坐标系中的 y 坐标。

René Descartes（拉丁化名称：Cartesius）在 17 世纪发明的笛卡尔坐标通过提供欧几里得几何和代数之间的第一个系统联系而彻底改变了数学。使用笛卡尔坐标系，几何形状（例如曲线）可以通过笛卡尔方程来描述：涉及位于形状上的点的坐标的代数方程。例如，以平面原点为中心的半径为 2 的圆可以描述为坐标 x 和 y 满足方程 x2 + y2 = 4 的所有点的集合。

有关FXG 路径元素的更多信息。
有关图形类的更多信息。

根据我的研究，它似乎不支持它。

4

1 回答 1

0

没有提升笔命令，但看起来我可以多次使用移动命令 (M) 来创建多个未连接的单独行。

<s:Path data="M10 10 H 90 M 10 90 H 90" height="100" width="100" y="127" x="356">
    <s:fill>
        <s:SolidColor alpha="1" color="#F6F6F6" xmlns:s="library://ns.adobe.com/flex/spark"/>
    </s:fill>
    <s:stroke>
        <s:SolidColorStroke alpha="1" caps="round" color="#000000" joints="round" miterLimit="3" pixelHinting="false" scaleMode="normal" weight="2" />
    </s:stroke>
</s:Path>

该路径数据显示，“移动到 10 10 然后绘制一条 90 像素的水平线，然后移动到 10 90 并绘制另一条 90 像素的水平线。”

这将创建以下图像：

在此处输入图像描述

一个问题是未显示填充。

于 2018-03-07T23:40:49.227 回答