{"id":13712394,"url":"https://github.com/FelipeNicoletto/SkiaSharp.Elements","last_synced_at":"2025-05-06T22:31:14.469Z","repository":{"id":144193650,"uuid":"105468410","full_name":"FelipeNicoletto/SkiaSharp.Elements","owner":"FelipeNicoletto","description":"Simple way to draw and interact with elements using the library SkiaSharp. Compatible with Xamarin Forms","archived":false,"fork":false,"pushed_at":"2022-04-26T22:09:45.000Z","size":4145,"stargazers_count":47,"open_issues_count":1,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-10T00:07:42.182Z","etag":null,"topics":["android","animation","cross-platform","dot-net","draw","elements","graphics","ios","macos","rectangle","skia","skiasharp","windows","xamarin"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FelipeNicoletto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-01T19:30:14.000Z","updated_at":"2024-10-15T13:02:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"e151ea2c-4a84-401b-b122-c0bf071de0ab","html_url":"https://github.com/FelipeNicoletto/SkiaSharp.Elements","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeNicoletto%2FSkiaSharp.Elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeNicoletto%2FSkiaSharp.Elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeNicoletto%2FSkiaSharp.Elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FelipeNicoletto%2FSkiaSharp.Elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FelipeNicoletto","download_url":"https://codeload.github.com/FelipeNicoletto/SkiaSharp.Elements/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252778996,"owners_count":21802863,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation","cross-platform","dot-net","draw","elements","graphics","ios","macos","rectangle","skia","skiasharp","windows","xamarin"],"created_at":"2024-08-02T23:01:17.970Z","updated_at":"2025-05-06T22:31:12.016Z","avatar_url":"https://github.com/FelipeNicoletto.png","language":"C#","funding_links":[],"categories":["UI"],"sub_categories":[],"readme":"# SkiaSharp.Elements\n\n\u003ca href=\"https://www.nuget.org/packages/SkiaSharp.Elements\"\u003e\u003cimg src=\"https://img.shields.io/nuget/dt/SkiaSharp.Elements.svg\" /\u003e\u003c/a\u003e\n\nSimple way to draw and interact with elements using the library SkiaSharp.\nCompatible with Xamarin Forms\n\n## Using Elements\nInstall the [NuGet package SkiaSharp.Elements](https://www.nuget.org/packages/SkiaSharp.Elements):\n```\nnuget install SkiaSharp.Element\n```\n\n## Getting Started\n[Samples](https://github.com/FelipeNicoletto/SkiaSharp.Elements/tree/master/Samples)\n\n### Elements\n- Rectangle\n- Ellipse\n- Image\n- Text\n- Polygon\n- Line\n- Group\n\n\n### Drawing Rectangle\n```csharp\nvar rectangle = new SkiaSharp.Elements.Rectangle(SKRect.Create(20, 20, 100, 100))\n{\n    FillColor = SKColors.SpringGreen\n};\ncanvas.Elements.Add(rectangle);\n```\n\n### Transformation\n```csharp\nvar rectangle = new SkiaSharp.Elements.Rectangle(SKRect.Create(120, 150, 100, 100))\n{\n    FillColor = SKColors.SpringGreen\n    Transformation = SKMatrix.CreateRotationDegrees(45)\n};\ncanvas.Elements.Add(rectangle);\n```\n\n### Animation\n```csharp\nnew Animation((value) =\u003e\n{\n    rectangle.Transformation = SKMatrix.CreateRotationDegrees(360 * (float)value);\n})\n.Commit(this, \"Anim\", length: 2000, easing: Easing.SpringOut);\n```\n![](https://raw.githubusercontent.com/FelipeNicoletto/SkiaSharp.Elements/master/images/animation.gif)\n![](https://raw.githubusercontent.com/FelipeNicoletto/SkiaSharp.Elements/master/images/animation2.gif)\n\n## Samples\nGet sample ![here](https://github.com/FelipeNicoletto/SkiaSharp.Elements/tree/master/Samples)\n\n![](https://raw.githubusercontent.com/FelipeNicoletto/SkiaSharp.Elements/master/images/image_1.png)\n![](https://raw.githubusercontent.com/FelipeNicoletto/SkiaSharp.Elements/master/images/image_2.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFelipeNicoletto%2FSkiaSharp.Elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFelipeNicoletto%2FSkiaSharp.Elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFelipeNicoletto%2FSkiaSharp.Elements/lists"}