use std::f32::consts::TAU;
use cssparser::Parser;
use image::{GenericImageView, Rgba};
use super::gradient_utils::{
adaptive_lut_size, apply_dither, build_color_lut_with_interpolation, resolve_stops_along_axis,
};
use crate::{
layout::style::{
Angle, BackgroundPosition, ColorInterpolationMethod, CssToken, FromCss, GradientStop,
GradientStops, Length, MakeComputed, ParseResult,
},
rendering::{RenderContext, Sizing},
};
#[derive(Debug, Clone, PartialEq)]
pub struct ConicGradient {
pub from_angle: Angle,
pub center: BackgroundPosition,
pub interpolation: ColorInterpolationMethod,
pub stops: Box<[GradientStop]>,
}
impl MakeComputed for ConicGradient {
fn make_computed(&mut self, sizing: &Sizing) {
self.center.make_computed(sizing);
self.stops.make_computed(sizing);
}
}
#[derive(Debug, Clone)]
pub(crate) struct ConicGradientTile {
pub width: u32,
pub height: u32,
pub cx: f32,
pub cy: f32,
pub start_rad: f32,
pub color_lut: Vec<u8>,
}
impl GenericImageView for ConicGradientTile {
type Pixel = Rgba<u8>;
fn dimensions(&self) -> (u32, u32) {
(self.width, self.height)
}
fn get_pixel(&self, x: u32, y: u32) -> Self::Pixel {
if self.color_lut.is_empty() {
return Rgba([0, 0, 0, 0]);
}
let lut_f32 = bytemuck::cast_slice::<u8, [f32; 4]>(&self.color_lut);
if lut_f32.len() == 1 {
return Rgba(apply_dither(&lut_f32[0], x, y));
}
let dx = x as f32 - self.cx;
let dy = y as f32 - self.cy;
if dx.abs() <= f32::EPSILON && dy.abs() <= f32::EPSILON {
return Rgba(apply_dither(&lut_f32[0], x, y));
}
let angle_from_top = libm::atan2f(dx, -dy);
let adjusted = (angle_from_top - self.start_rad).rem_euclid(TAU);
let normalized = adjusted / TAU;
let lut_idx = ((normalized * (lut_f32.len() as f32)).floor() as usize).min(lut_f32.len() - 1);
Rgba(apply_dither(&lut_f32[lut_idx], x, y))
}
}
impl ConicGradientTile {
pub fn new(
gradient: &ConicGradient,
width: u32,
height: u32,
context: &RenderContext,
buffer_pool: &mut crate::rendering::BufferPool,
) -> Self {
let cx = Length::from(gradient.center.0.x).to_px(&context.sizing, width as f32);
let cy = Length::from(gradient.center.0.y).to_px(&context.sizing, height as f32);
let start_rad = gradient.from_angle.to_radians();
let resolved_stops = resolve_stops_along_axis(&gradient.stops, 360.0, context);
let angular_axis = width.max(height).max(1) as f32 * 8.0;
let lut_size = adaptive_lut_size(angular_axis);
let color_lut = build_color_lut_with_interpolation(
&resolved_stops,
360.0,
lut_size,
buffer_pool,
gradient.interpolation.color_space,
gradient.interpolation.hue_direction,
);
ConicGradientTile {
width,
height,
cx,
cy,
start_rad,
color_lut,
}
}
}
impl<'i> FromCss<'i> for ConicGradient {
fn from_css(input: &mut Parser<'i, '_>) -> ParseResult<'i, ConicGradient> {
input.expect_function_matching("conic-gradient")?;
input.parse_nested_block(|input| {
let mut from_angle: Option<Angle> = None;
let mut center: Option<BackgroundPosition> = None;
let mut interpolation = ColorInterpolationMethod::default();
loop {
if input.try_parse(|i| i.expect_ident_matching("from")).is_ok() {
from_angle = Some(Angle::from_css(input)?);
continue;
}
if input.try_parse(|i| i.expect_ident_matching("at")).is_ok() {
center = Some(BackgroundPosition::from_css(input)?);
continue;
}
if let Ok(parsed_interpolation) = input.try_parse(ColorInterpolationMethod::from_css) {
interpolation = parsed_interpolation;
continue;
}
input.try_parse(Parser::expect_comma).ok();
break;
}
let stops = GradientStops::from_css(input)?;
Ok(ConicGradient {
from_angle: from_angle.unwrap_or(Angle::zero()),
center: center.unwrap_or_default(),
interpolation,
stops: stops.into_boxed_slice(),
})
})
}
fn valid_tokens() -> &'static [CssToken] {
&[CssToken::Token("conic-gradient()")]
}
}
#[cfg(test)]
mod tests {
use color::{ColorSpaceTag, HueDirection};
use super::*;
use crate::layout::style::{Color, Length, SpacePair, StopPosition};
use crate::{GlobalContext, rendering::RenderContext};
#[test]
fn test_parse_conic_gradient_basic() {
let gradient = ConicGradient::from_str("conic-gradient(#ff0000, #0000ff)");
assert_eq!(
gradient,
Ok(ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: None,
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: None,
},
]
.into(),
})
);
}
#[test]
fn test_parse_conic_gradient_with_interpolation_color_space() {
assert_eq!(
ConicGradient::from_str("conic-gradient(in oklab, red, blue)"),
Ok(ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod {
color_space: ColorSpaceTag::Oklab,
hue_direction: HueDirection::Shorter,
},
stops: [
GradientStop::ColorHint {
color: Color::from_rgb(0xff0000).into(),
hint: None,
},
GradientStop::ColorHint {
color: Color::from_rgb(0x0000ff).into(),
hint: None,
},
]
.into(),
})
);
}
#[test]
fn test_parse_conic_gradient_with_stops() {
assert_eq!(
ConicGradient::from_str("conic-gradient(#ff0000 0%, #00ff00 50%, #0000ff 100%)"),
Ok(ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(0.0))),
},
GradientStop::ColorHint {
color: Color([0, 255, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(50.0))),
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: Some(StopPosition(Length::Percentage(100.0))),
},
]
.into(),
})
);
}
#[test]
fn test_parse_conic_gradient_with_double_position_color_stop() {
assert_eq!(
ConicGradient::from_str("conic-gradient(red 10% 20%, blue)"),
Ok(ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color::from_rgb(0xff0000).into(),
hint: Some(StopPosition(Length::Percentage(10.0))),
},
GradientStop::ColorHint {
color: Color::from_rgb(0xff0000).into(),
hint: Some(StopPosition(Length::Percentage(20.0))),
},
GradientStop::ColorHint {
color: Color::from_rgb(0x0000ff).into(),
hint: None,
},
]
.into(),
})
);
}
#[test]
fn test_parse_conic_gradient_complex() {
let gradient = ConicGradient::from_str("conic-gradient(from 90deg at 25% 75%, red, blue)");
assert_eq!(
gradient,
Ok(ConicGradient {
from_angle: Angle::new(90.0),
center: BackgroundPosition(SpacePair::from_pair(
Length::Percentage(25.0).into(),
Length::Percentage(75.0).into()
)),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: None,
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: None,
},
]
.into(),
})
);
}
#[test]
fn test_conic_gradient_top_pixel_is_first_color() {
let gradient = ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(0.0))),
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: Some(StopPosition(Length::Percentage(100.0))),
},
]
.into(),
};
let context = GlobalContext::default();
let render_context = RenderContext::new_test(&context, (100, 100).into());
let mut buffer_pool = crate::rendering::BufferPool::default();
let tile = ConicGradientTile::new(&gradient, 100, 100, &render_context, &mut buffer_pool);
let color_top = tile.get_pixel(50, 0);
assert_eq!(color_top, Rgba([255, 0, 0, 255]));
}
#[test]
fn test_conic_gradient_hard_stops() {
let gradient = ConicGradient {
from_angle: Angle::zero(),
center: BackgroundPosition::default(),
interpolation: ColorInterpolationMethod::default(),
stops: [
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(0.0))),
},
GradientStop::ColorHint {
color: Color([255, 0, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(33.0))),
},
GradientStop::ColorHint {
color: Color([0, 255, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(33.0))),
},
GradientStop::ColorHint {
color: Color([0, 255, 0, 255]).into(),
hint: Some(StopPosition(Length::Percentage(66.0))),
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: Some(StopPosition(Length::Percentage(66.0))),
},
GradientStop::ColorHint {
color: Color([0, 0, 255, 255]).into(),
hint: Some(StopPosition(Length::Percentage(100.0))),
},
]
.into(),
};
let context = GlobalContext::default();
let render_context = RenderContext::new_test(&context, (100, 100).into());
let mut buffer_pool = crate::rendering::BufferPool::default();
let tile = ConicGradientTile::new(&gradient, 100, 100, &render_context, &mut buffer_pool);
let top = tile.get_pixel(50, 0);
assert_eq!(top, Rgba([255, 0, 0, 255]));
let bottom = tile.get_pixel(50, 99);
assert_eq!(bottom, Rgba([0, 255, 0, 255]));
}
}