GraphiteEditor / GraphiteEditor/Graphite

Freeform gradients

オープン
#2,303 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
Graphics
主要言語
Rust
スター
27.2k
フォーク
1.3k
平均マージ
20時間 5分
マージ済み PR(30日)
57

説明

Similar to #2302, we need to find a clever way to generate these within the SVG or SVG + CSS spec. Rasterization is probably the most likely approach here. But here are some ideas:

- Rasterization.
- A point cloud of circles with radial gradients interpolating over alpha, with optional transforms to essentially create 2D Gaussian splats.
- For use cases supporting CSS as part of SVG, we can render quads with linear gradients applied to each edge which generates a quad of a mesh, then the CSS perspective transform would skew the four corners to fit within the mesh adjacent to other quads doing the same thing to build a mesh representing the full freeform gradient.

There are two possible sources of color spread, which can be mixed:
- Point (with a color and radius)

![Image](https://github.com/user-attachments/assets/45268a9d-63ed-4902-8982-b0dccb30edbd)

- Path (with a color interpolated along the path, such as being set at each anchor)

![Image](https://github.com/user-attachments/assets/8f240d5b-7f7f-46ec-a4ab-f5bb52f554a8)

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず issue #2302 と関連する SVG および CSS の仕様を読んで、関連するグラデーション要件を理解してください。列挙されているラスタライズ、点群、メッシュのアプローチを比較し、Graphite が必要な点ベースおよびパスベースの色の広がりを持つフリーフォームグラデーションを生成できることを完了の条件とします。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css, rust
領域
computer-graphics
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。