コンテンツにスキップ

色の指定方法

関数の引数にcolorがある場合、色を指定できます。fillは塗りつぶしです。strokeは枠線です。3pt + blackのように+で属性を追加できます。

#rect(fill: red, stroke: 3pt + black, radius: 1em)
#line(stroke: 3pt + green, start: (0%,0%), end: (50%, -4em))

func06

rgb("#000000")のように RGB 値で指定することもできます。透明度を含めたrgb("#000000aa")のような指定方法もあります。

#grid(columns: 2,
polygon(
(0cm, 1cm), (0.5cm, 0cm), (1cm, 1cm),
fill: rgb("#0000cc"),
),
circle(radius: 0.5cm , fill: rgb("#0000cc55"))
)

func07

グラデーションを指定するにはgradientを利用します。グラデーションの種類をgradient.linearのように指定します。 グラデーションの方向はangle: 90degのように角度で指定します。

#rect(fill: gradient.linear(red, blue,angle: 90deg), radius: 1em,)

func08