2021年4月22日

draw几何学元素类型

几何元素有4种类型:

  • <rect> -属性“ x”,“ y”,“ w”,“ h”,所有必需的小数
  • <roundrect> -属性“ x”,“ y”,“ w”,“ h”,所有必需的小数。另外,“ arcsize”是可选的十进制属性,用于定义拐角曲线的大小。
  • <ellipse> -属性“ x”,“ y”,“ w”,“ h”,所有必需的小数。
  • <path> -几何的一般情况,用于更复杂的形状。

路径与SVG中的路径类似。它应以<move>开头,其中“ x”和“ y”定义坐标。移动后,应跟随任意数量的几何元素。

路径元素可以是:

    • <move> -赋予必需的小数(x,y)属性。
    • <line> – 赋予必需的小数(x,y)属性。
    • <quad> -通过控制点所需的十进制(x1,y1)转换为所需的十进制(x2,y2)。
    • <曲线> -通过控制点将所需的小数(x1,y1)和(x2,y2)转换为所需的小数(x3,y3)。
    • <arc> -它不遵循HTML Canvas签名,而是SVG arc命令的副本。该SVG规范给出了其行为的最好描述。这些属性的名称相同,均为十进制,全部为必填项。
    • <close>结束当前子路径,并导致从当前点到当前子路径的最后一个移动点绘制一条自动直线。

子路径完成后,有两个选项。首先是用</ path>完成它,使它在视觉上是开放的。第二种选择是使用<close>然后使用</ path>,这将关闭当前子路径。子路径是一个段,该段以<move>开头,以<close>或另一个<move>结尾。单个<path>可以包含多个子路径,但是它们都将使用相同的样式。如果它们重叠,则与SVG一样适用相同的填充规则。
如果需要,几何图形的第一个元素将使用阴影样式,而其余元素则不会。