react-native-skia icon indicating copy to clipboard operation
react-native-skia copied to clipboard

`<Points style="fill" (...) />` doesn't fill 👉 only draws borders

Open kimchouard opened this issue 1 year ago • 0 comments

Description

When using <Points /> with the style="fill" option, it only draws the borders (both on iOS & web), while it works as intended when using <Path style="fill" (...) />: CleanShot 2024-01-18 at 15 34 08@2x

Here's the code for those triangles:

// Draw a triangle
const triangleJsx = <Points
  points={[
    vec(x1, y1), // upper left point
    vec(x1, y2), // upper right point
    vec(x2, y3), // down center point
    vec(x1, y1), // BACK to first point (upper left point)
  ]}
  mode="polygon"
  style="fill"
  color={ '#1877AD' }
/>;

Not sure the style="fill" was ever implemented for Points?

Version

0.1.218

Steps to reproduce

Use the <Points /> component with the style="fill" option.

Snack, code example, screenshot, or link to a repository

Also reproduced using the star Point example from the doc. See in this snack: CleanShot 2024-01-18 at 15 58 58@2x

kimchouard avatar Jan 18 '24 15:01 kimchouard