Tagged articles
9 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Jul 23, 2025 · Mobile Development

Mastering Complex Like-Button Animations on HarmonyOS vs Android with ArkUI

This article walks through implementing sophisticated like-button animations for a news client on HarmonyOS using ArkUI, compares the approach with Android's animation framework, explains key ArkUI APIs like animateTo, and provides detailed Kotlin and TypeScript code for property and Bezier curve animations.

AndroidArkUIBezier Curve
0 likes · 15 min read
Mastering Complex Like-Button Animations on HarmonyOS vs Android with ArkUI
Sohu Tech Products
Sohu Tech Products
Jun 7, 2023 · Frontend Development

Implementing a Custom Interactive Curve Chart with Canvas and Bezier Curves

This article explains how to build a feature‑rich, responsive curve chart from scratch using HTML5 canvas, covering layer separation, adaptive sizing, custom gradient fills, Bezier curve calculations, point‑on‑path detection, label handling, animation masking, and a complete configuration object with code examples.

Bezier CurveData visualizationfrontend
0 likes · 19 min read
Implementing a Custom Interactive Curve Chart with Canvas and Bezier Curves
ELab Team
ELab Team
Aug 18, 2022 · Frontend Development

How to Create Smooth Drag‑Slider Effects with SVG Bezier Curves

This article explains how to use SVG path commands and JavaScript to draw and animate Bézier curves for a fluid drag‑slider UI, covering background, curve theory, implementation steps, stroke‑dash techniques, offset‑path alternatives, and SMIL animation for interactive effects.

Bezier CurveCSSJavaScript
0 likes · 15 min read
How to Create Smooth Drag‑Slider Effects with SVG Bezier Curves
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Nov 22, 2021 · Frontend Development

Mastering Canvas Data Visualization: From Basics to Interactive Charts

This tutorial explains what data visualization is, why it matters, common front‑end visualization libraries, and provides step‑by‑step guidance on drawing lines and curves with Canvas—including segment generation, Bézier and B‑spline curves, animation techniques, and interaction (picking) methods—so developers can build interactive charts efficiently.

Bezier CurveData visualizationInteractive Charts
0 likes · 21 min read
Mastering Canvas Data Visualization: From Basics to Interactive Charts
ITPUB
ITPUB
Dec 28, 2015 · Frontend Development

How to Compute and Draw the One‑Click “Dismiss” Effect with Bezier Curves

This tutorial explains the geometric derivation and step‑by‑step algorithm for calculating the tangent points of two circles of different radii and using them to construct quadratic Bézier curves that create the popular one‑click dismiss animation on mobile interfaces.

Bezier CurveGeometryMobile UI
0 likes · 9 min read
How to Compute and Draw the One‑Click “Dismiss” Effect with Bezier Curves
Tencent TDS Service
Tencent TDS Service
Sep 18, 2015 · Mobile Development

Build a Flexible ‘One‑Tap Dismiss’ UI with AdherentLayout on Android

This article introduces the AdherentLayout component for Android, explains its customizable features, API methods, core Bézier‑curve technology, provides full implementation details with code, and demonstrates how it can recreate the popular “one‑tap dismiss” effect and other sticky‑layout scenarios.

AdherentLayoutAndroidBezier Curve
0 likes · 6 min read
Build a Flexible ‘One‑Tap Dismiss’ UI with AdherentLayout on Android