fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-09 06:58:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Bezier-rs: add Tangents/Normals to Point functions (#1547)

Browse Source 
* Add tangent/normal to point to bézier-rs

* Add license information and general cleanup

* Bump version

* Add iframe demos

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>
This commit is contained in:
0HyperCube
2024-01-07 06:33:06 -08:00
committed by Keavon Chambers
co-authored by Keavon Chambers
parent c14c6fbe93
commit 6a10bcc3fc
9 changed files with 753 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/other/bezier-rs-demos/src/components/BezierDemo.ts
+6
View File
@@ -39,6 +39,9 @@ class BezierDemo extends HTMLElement implements Demo {
sliderUnits!: Record<string, string | string[]>;
// Avoids "recursive use of an object detected which would lead to unsafe aliasing in rust" error when moving mouse fast.
locked!: boolean;
async connectedCallback() {
this.title = this.getAttribute("title") || "";
this.points = JSON.parse(this.getAttribute("points") || "[]");
@@ -85,6 +88,8 @@ class BezierDemo extends HTMLElement implements Demo {
}
onMouseMove(event: MouseEvent) {
if (this.locked) return;
this.locked = true;
const mx = event.offsetX;
const my = event.offsetY;
const figure = event.currentTarget as HTMLElement;
@@ -96,6 +101,7 @@ class BezierDemo extends HTMLElement implements Demo {
} else if (this.triggerOnMouseMove) {
this.drawDemo(figure, [mx, my]);
}
this.locked = false;
}
getSliderUnit(sliderValue: number, variable: string): string {
website/other/bezier-rs-demos/src/features/bezier-features.ts
+13
View File
@@ -126,6 +126,13 @@ const bezierFeatures = {
},
},
},
"tangents-to-point": {
name: "Tangents To Point",
callback: (bezier: WasmBezierInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
mouseLocation ? bezier.tangents_to_point(mouseLocation[0], mouseLocation[1]) : bezier.to_svg(),
triggerOnMouseMove: true,
demoOptions: { Linear: { disabled: true } },
},
normal: {
name: "Normal",
callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.normal(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
@@ -135,6 +142,12 @@ const bezierFeatures = {
},
},
},
"normals-to-point": {
name: "Normals To Point",
callback: (bezier: WasmBezierInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
mouseLocation ? bezier.normals_to_point(mouseLocation[0], mouseLocation[1]) : bezier.to_svg(),
triggerOnMouseMove: true,
},
curvature: {
name: "Curvature",
callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.curvature(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),