odox_ui/

shapes.rs

//! Drawing ODF's shapes: what a slide is made of, and what a text document or a
//! spreadsheet can carry in a frame.
//!
//! A shape gives its own position and size in the coordinate space of the page
//! it is on, so nothing here lays anything out. What it does is map that space
//! onto a rectangle on screen, resolve the style the shape names, and paint the
//! fill, the outline and the text in that order.
//!
//! **What is drawn is what a fixture proves.** ODF's shape vocabulary is far
//! larger than this: `draw:custom-shape` alone carries a small vector language
//! in `draw:enhanced-geometry`, with formulas and named equations. A shape this
//! cannot draw is left undrawn rather than approximated into something the
//! document does not say, and [`Canvas::shape`] names the ones that are.
//
// Author: David M. Anderson
// Built with AI assistance (Claude, Anthropic)

use eframe::egui::{
    Color32, Mesh, Pos2, Rect, Shape, Stroke, Ui, UiBuilder, Vec2, epaint::Vertex, pos2, vec2,
};
use odox_core::draw::Geometry;

use odox_core::{
    Anchor, Color, Document, Element, Family, Fill, Gradient, GradientStyle, Length, Ns,
    Properties, Transform,
};

use crate::flow::{Editor, Flow, Outcome, Pictures};
use crate::format::{self, Palette};

/// A page, and where on screen it is being drawn.
pub struct Canvas<'a> {
    /// The document, for its styles and its pictures.
    pub document: &'a Document,
    /// Pictures decoded so far.
    pub pictures: &'a mut Pictures,
    /// The rectangle the page occupies on screen.
    pub page: Rect,
    /// Screen points per ODF point.
    pub scale: f32,
    /// The colours to draw in where the document names none.
    pub palette: Palette,
    /// Whether a click on a label's paragraph opens it for editing.
    pub edit_mode: bool,
    /// The paragraph being edited, as a path from the page: the shape's index
    /// among the page's children, then the way down to the paragraph.
    pub editor: Option<&'a mut Editor>,
    /// The paragraph a person clicked this frame in edit mode, as a path from
    /// the page.
    pub clicked: Option<Vec<usize>>,
    /// What the editor asked for this frame, if it closed.
    pub outcome: Option<Outcome>,
    /// The index among the page's children of the shape being drawn, where it
    /// is one of the slide's own; a master page's decoration has none and
    /// nothing in it is edited.
    at: Option<usize>,
}

/// Where a shape's own box lands on the screen.
///
/// A shape is drawn in a box of its own, and this is the map from that box onto
/// the window. Ordinarily it is a corner and a size and the box's edges stay
/// along the page's, but a shape placed by `draw:transform` is turned or leaned
/// as well, so the map is the general one: a corner and the two vectors along
/// the edges that meet there.
#[derive(Clone, Copy)]
struct Placement {
    /// Where the box's top left corner lands.
    origin: Pos2,
    /// From that corner to the top right one.
    x: Vec2,
    /// From that corner to the bottom left one.
    y: Vec2,
}

impl Placement {
    /// A point of the box, in the fractions of it across and down.
    fn across(self, u: f32, v: f32) -> Pos2 {
        self.origin + self.x * u + self.y * v
    }

    /// The four corners, going round.
    fn corners(self) -> [Pos2; 4] {
        [
            self.across(0.0, 0.0),
            self.across(1.0, 0.0),
            self.across(1.0, 1.0),
            self.across(0.0, 1.0),
        ]
    }

    /// The smallest upright rectangle the shape fits inside, which is what a
    /// gradient runs across and where a label is laid out.
    fn bounds(self) -> Rect {
        Rect::from_points(&self.corners())
    }

    /// Whether the box is still square to the page, which is the case a
    /// rectangle can stand in for.
    fn is_upright(self) -> bool {
        self.x.y.abs() < 0.01 && self.y.x.abs() < 0.01 && self.x.x >= 0.0 && self.y.y >= 0.0
    }
}

/// Whether a shape has an area, which is a property of the kind of shape it is
/// rather than of the style it names.
#[derive(Clone, Copy, PartialEq, Eq)]
enum Filled {
    Yes,
    No,
}

impl<'a> Canvas<'a> {
    /// A canvas over a page, drawing nothing editable until told otherwise.
    pub fn new(
        document: &'a Document,
        pictures: &'a mut Pictures,
        page: Rect,
        scale: f32,
        palette: Palette,
    ) -> Self {
        Self {
            document,
            pictures,
            page,
            scale,
            palette,
            edit_mode: false,
            editor: None,
            clicked: None,
            outcome: None,
            at: None,
        }
    }

    /// One of the slide's own shapes, by its index among the page's children,
    /// which is what a label inside it is edited under.
    pub fn slide_shape(&mut self, ui: &mut Ui, index: usize, shape: &Element) {
        self.at = Some(index);
        self.shape(ui, shape);
        self.at = None;
    }
}

impl Canvas<'_> {
    /// Fill the page.
    pub fn background(&mut self, ui: &Ui, fill: &Fill) {
        let page = self.page;
        self.fill(
            ui,
            page,
            fill,
            None,
            &[
                page.left_top(),
                page.right_top(),
                page.right_bottom(),
                page.left_bottom(),
            ],
        );
    }

    /// One shape, at the place on the page the document puts it.
    ///
    /// Drawn: `draw:rect`, `draw:ellipse`, `draw:circle`, `draw:polygon`,
    /// `draw:polyline`, `draw:line`, `draw:custom-shape` and `draw:path` — the
    /// last two have their outlines worked out by [`Geometry`], from ODF's own
    /// command language and from SVG's respectively — a `draw:frame` holding a
    /// picture or a text box, `draw:connector`, whose route between the two
    /// shapes it joins the producer has already worked out, and `draw:g`, which
    /// is a group and is descended into. Left undrawn: `draw:measure`.
    pub fn shape(&mut self, ui: &mut Ui, shape: &Element) {
        if shape.is(&Ns::Draw, "g") {
            for child in shape.elements() {
                self.shape(ui, child);
            }
            return;
        }

        let properties = self.style_of(shape);
        let outline = self.stroke(&properties);

        // A line is the one shape positioned by its two ends rather than by a
        // corner and a size.
        if shape.is(&Ns::Draw, "line") {
            let ends = [self.point(shape, "x1", "y1"), self.point(shape, "x2", "y2")];
            if let ([Some(from), Some(to)], Some(stroke)) = ([ends[0], ends[1]], outline) {
                self.painter(ui)
                    .add(Shape::line_segment([from, to], stroke));
            }
            return;
        }

        if shape.is(&Ns::Draw, "connector") {
            self.connector(ui, shape, &properties, outline);
            return;
        }

        let Some(place) = self.placement(shape) else {
            return;
        };
        let rect = place.bounds();

        if shape.is(&Ns::Draw, "polygon") || shape.is(&Ns::Draw, "polyline") {
            let points = points(shape, place);
            if points.len() >= 2 {
                if shape.is(&Ns::Draw, "polygon") {
                    self.fill(
                        ui,
                        rect,
                        &properties.graphic.fill(),
                        properties.graphic.opacity,
                        &points,
                    );
                    if let Some(stroke) = outline {
                        self.painter(ui).add(Shape::closed_line(points, stroke));
                    }
                } else if let Some(stroke) = outline {
                    self.painter(ui).add(Shape::line(points, stroke));
                }
            }
            return;
        }

        if shape.is(&Ns::Draw, "ellipse") || shape.is(&Ns::Draw, "circle") {
            self.ellipse(ui, place, &properties, outline);
            self.text(ui, shape, place);
            return;
        }

        if shape.is(&Ns::Draw, "path") {
            // A different notation for the same thing: SVG path data rather than
            // ODF's own commands, and the same polylines out of it.
            if let Some(geometry) = Geometry::read_path(shape) {
                self.geometry(ui, &geometry, place, &properties, outline, Filled::Yes);
            }
            self.text(ui, shape, place);
            return;
        }

        if shape.is(&Ns::Draw, "custom-shape") {
            // The outline is a path in a space of the shape's own, and the
            // formulas in it have to be evaluated before there are any points.
            if let Some(geometry) = shape
                .child(&Ns::Draw, "enhanced-geometry")
                .and_then(Geometry::read)
            {
                self.geometry(ui, &geometry, place, &properties, outline, Filled::Yes);
            }
            self.text(ui, shape, place);
            return;
        }

        if !shape.is(&Ns::Draw, "rect") && !shape.is(&Ns::Draw, "frame") {
            return;
        }

        let corners = place.corners();
        self.fill(
            ui,
            rect,
            &properties.graphic.fill(),
            properties.graphic.opacity,
            &corners,
        );
        if let Some(stroke) = outline {
            self.painter(ui)
                .add(Shape::closed_line(corners.to_vec(), stroke));
        }
        self.text(ui, shape, place);
    }

    /// An ellipse, however its box is placed.
    fn ellipse(
        &mut self,
        ui: &Ui,
        place: Placement,
        properties: &Properties,
        outline: Option<Stroke>,
    ) {
        let rect = place.bounds();
        if place.is_upright() {
            let (centre, radius) = (rect.center(), rect.size() / 2.0);
            if let Some(colour) = self.flat(&properties.graphic.fill(), properties.graphic.opacity)
            {
                self.painter(ui)
                    .add(Shape::ellipse_filled(centre, radius, colour));
            }
            if let Some(stroke) = outline {
                self.painter(ui)
                    .add(Shape::ellipse_stroke(centre, radius, stroke));
            }
        } else {
            // A turned ellipse is no longer an ellipse of the window's, so
            // it is drawn as the polygon it is: the same curve, in the
            // shape's own box, mapped through the placement like any other.
            let points = ellipse(place);
            self.fill(
                ui,
                rect,
                &properties.graphic.fill(),
                properties.graphic.opacity,
                &points,
            );
            if let Some(stroke) = outline {
                self.painter(ui).add(Shape::closed_line(points, stroke));
            }
        }
    }

    /// A connector, and the label it may carry.
    ///
    /// It is positioned by the two ends it joins and has no corner and no size
    /// of its own. The route between them is the producer's to work out, and it
    /// writes the result as SVG path data; where it wrote none, the straight
    /// line between the ends is the whole shape.
    fn connector(
        &mut self,
        ui: &mut Ui,
        shape: &Element,
        properties: &Properties,
        outline: Option<Stroke>,
    ) {
        let (Some(from), Some(to)) = (self.point(shape, "x1", "y1"), self.point(shape, "x2", "y2"))
        else {
            return;
        };
        let rect = Rect::from_two_pos(from, to);
        match Geometry::read_path(shape) {
            // The route's coordinates are the page's and the view box beside
            // them says nothing useful, so the outline states its own space.
            Some(mut geometry) => {
                geometry.refit();
                let place = Placement {
                    origin: rect.left_top(),
                    x: vec2(rect.width(), 0.0),
                    y: vec2(0.0, rect.height()),
                };
                self.geometry(ui, &geometry, place, properties, outline, Filled::No);
            }
            None => {
                if let Some(stroke) = outline {
                    self.painter(ui)
                        .add(Shape::line_segment([from, to], stroke));
                }
            }
        }
        self.text(
            ui,
            shape,
            Placement {
                origin: rect.left_top(),
                x: vec2(rect.width(), 0.0),
                y: vec2(0.0, rect.height()),
            },
        );
    }

    /// A custom shape's outline, mapped from its own coordinate space onto the
    /// rectangle it occupies.
    ///
    /// `filled` is the shape kind's answer and not the style's. A connector's
    /// style routinely says `draw:fill="solid"` — `LibreOffice` writes it on
    /// every one — and a connector has no area for a fill to go in, so the
    /// route would be painted as a ribbon of whatever colour the style named.
    fn geometry(
        &mut self,
        ui: &Ui,
        geometry: &Geometry,
        placement: Placement,
        properties: &Properties,
        outline: Option<Stroke>,
        filled: Filled,
    ) {
        let view = geometry.view;
        let rect = placement.bounds();
        let place = |(x, y): (f32, f32)| {
            placement.across((x - view.x) / view.width, (y - view.y) / view.height)
        };
        for stroke in &geometry.paths {
            let points: Vec<Pos2> = stroke.points.iter().copied().map(place).collect();
            if points.len() < 2 {
                continue;
            }
            if stroke.fill && filled == Filled::Yes {
                self.fill(
                    ui,
                    rect,
                    &properties.graphic.fill(),
                    properties.graphic.opacity,
                    &points,
                );
            }
            if stroke.stroke
                && let Some(pen) = outline
            {
                let shape = if stroke.closed {
                    Shape::closed_line(points, pen)
                } else {
                    Shape::line(points, pen)
                };
                self.painter(ui).add(shape);
            }
        }
    }

    /// The paragraphs a shape holds, or the picture it frames.
    ///
    /// **A turned shape keeps its picture and loses its label.** A picture is
    /// four corners and a texture and turns exactly; a paragraph is a line
    /// breaker, a font and a selection, and drawing one upright inside a box
    /// that is not upright says something the document does not. Across the
    /// templates that is twenty-two text boxes, and they stay undrawn.
    fn text(&mut self, ui: &mut Ui, shape: &Element, place: Placement) {
        // A frame around a picture is handed over whole, because the renderer
        // finds a frame among a parent's children and here the shape is the
        // frame itself.
        let picture = shape.child(&Ns::Draw, "image").is_some();
        if picture && !place.is_upright() {
            self.turned_picture(ui, shape, place);
            return;
        }
        let text_box = shape
            .elements_indexed()
            .find(|(_, e)| e.is(&Ns::Draw, "text-box"));
        let (content, below) = if picture {
            (shape.clone(), None)
        } else if let Some((index, box_)) = text_box {
            (box_.clone(), Some(index))
        } else if shape.child(&Ns::Text, "p").is_some() || shape.child(&Ns::Text, "list").is_some()
        {
            // A drawing shape keeps its label as paragraphs of its own. The box
            // is a frame's way of saying the same thing, and across the
            // presentation templates it is the shapes that use it, not the
            // frames.
            (shape.clone(), None)
        } else {
            return;
        };
        // The way from the page to the content, for a label that is edited.
        let prefix = self.at.map(|at| match below {
            Some(index) => vec![at, index],
            None => vec![at],
        });
        if !place.is_upright() {
            return;
        }
        let rect = place.bounds();

        let anchor = if picture {
            Anchor::Top
        } else {
            self.style_of(shape)
                .graphic
                .text_anchor
                .unwrap_or(Anchor::Top)
        };
        let mut top = rect.top();
        if anchor != Anchor::Top {
            // Where the label goes depends on how tall it turns out to be, and
            // how tall it turns out to be depends on the fonts and the wrapping,
            // so it is laid out twice: once into a ui that draws nothing, to
            // measure, and then once for real at the offset that measurement
            // gives.
            let sized = self.lay_out(ui, &content, rect, picture, true, prefix.as_ref());
            top += (rect.height() - sized.min(rect.height())) * anchor.share();
        }
        let placed = Rect::from_min_max(pos2(rect.left(), top), rect.max);
        self.lay_out(ui, &content, placed, picture, false, prefix.as_ref());
    }

    /// A picture in a frame that is turned, drawn as its own four corners.
    ///
    /// The window's own image widget draws into an upright rectangle, so this
    /// builds the quadrilateral instead: the same texture, its corners at the
    /// frame's. The alternatives are tried in the order the producer wrote them,
    /// as they are for an upright frame.
    fn turned_picture(&mut self, ui: &Ui, shape: &Element, place: Placement) {
        let document = self.document;
        let Some(texture) = shape
            .elements()
            .filter(|child| child.is(&Ns::Draw, "image"))
            .find_map(|image| {
                let href = image.attr(&Ns::Xlink, "href")?;
                self.pictures
                    .get(ui.ctx(), document, href)
                    .map(eframe::egui::TextureHandle::id)
            })
        else {
            return;
        };
        let mut mesh = Mesh::with_texture(texture);
        for (corner, (u, v)) in
            place
                .corners()
                .into_iter()
                .zip([(0.0, 0.0), (1.0, 0.0), (1.0, 1.0), (0.0, 1.0)])
        {
            mesh.vertices.push(Vertex {
                pos: corner,
                uv: pos2(u, v),
                color: Color32::WHITE,
            });
        }
        mesh.add_triangle(0, 1, 2);
        mesh.add_triangle(0, 2, 3);
        self.painter(ui).add(Shape::mesh(mesh));
    }

    /// Draw a shape's content into a rectangle, or measure how tall it is
    /// without drawing it. Returns the height it took.
    fn lay_out(
        &mut self,
        ui: &mut Ui,
        content: &Element,
        rect: Rect,
        picture: bool,
        measuring: bool,
        prefix: Option<&Vec<usize>>,
    ) -> f32 {
        let (page, scale, palette) = (self.page, self.scale, self.palette);
        let document = self.document;
        let pictures = &mut *self.pictures;
        // Editable where the label belongs to one of the slide's own shapes,
        // which is what a prefix says.
        let edit_mode = self.edit_mode && prefix.is_some();
        let editor = self.editor.as_deref_mut().filter(|_| edit_mode);
        let mut builder = UiBuilder::new().max_rect(rect);
        if measuring {
            builder = builder.sizing_pass().invisible();
        }
        let mut clicked = None;
        let mut outcome = None;
        let height = ui
            .scope_builder(builder, |ui| {
                ui.set_clip_rect(rect.intersect(page));
                let mut flow = Flow::new(document, pictures, scale);
                flow.palette = palette;
                flow.edit_mode = edit_mode;
                flow.selectable = !edit_mode;
                flow.editor = editor;
                if let Some(prefix) = prefix {
                    flow.start_at(prefix.clone());
                }
                if picture {
                    flow.frame(ui, content, rect.width());
                } else {
                    flow.blocks(ui, content, rect.width());
                }
                clicked = flow.clicked.take();
                outcome = flow.outcome.take();
            })
            .response
            .rect
            .height();
        if clicked.is_some() {
            self.clicked = clicked;
        }
        if outcome.is_some() {
            self.outcome = outcome;
        }
        height
    }

    /// The style a shape names, resolved.
    ///
    /// A shape on a slide names a `presentation` style where it is one of the
    /// slide's own frames and a `graphic` style where it is a drawing; a master
    /// page's decorations are the second kind. Both chains end in the same
    /// properties.
    fn style_of(&self, shape: &Element) -> std::rc::Rc<Properties> {
        if let Some(name) = shape.attr(&Ns::Presentation, "style-name") {
            return self.document.styles.resolve(&Family::Presentation, name);
        }
        let name = shape.attr(&Ns::Draw, "style-name").unwrap_or_default();
        self.document.styles.resolve(&Family::Graphic, name)
    }

    /// Everything is clipped to the page: a master page's decorations are
    /// routinely wider than the slide they decorate.
    fn painter(&self, ui: &Ui) -> eframe::egui::Painter {
        ui.painter()
            .with_clip_rect(self.page.intersect(ui.clip_rect()))
    }

    /// Where a shape's own box sits on screen.
    ///
    /// Ordinarily its corner and its size, which is a rectangle square to the
    /// page. A shape that is turned or leaned states `draw:transform` instead
    /// and routinely gives no corner at all, and a reader that insists on one
    /// drops the shape: it is the templates' own decoration that is placed this
    /// way. `odox_core::Transform` says how the list is read.
    fn placement(&self, shape: &Element) -> Option<Placement> {
        let at = |local: &str| shape.attr(&Ns::Svg, local).and_then(Length::parse);
        let width = at("width").map_or(0.0, Length::points);
        let height = at("height").map_or(0.0, Length::points);
        let on_page = |x: f32, y: f32| {
            pos2(
                self.page.left() + x * self.scale,
                self.page.top() + y * self.scale,
            )
        };

        if let Some(transform) = shape
            .attr(&Ns::Draw, "transform")
            .and_then(Transform::parse)
        {
            // The box begins at the shape's corner where it has one, and at the
            // page's origin where the transform is the whole of its placement.
            let left = at("x").map_or(0.0, Length::points);
            let top = at("y").map_or(0.0, Length::points);
            let corner = |u: f32, v: f32| {
                let (x, y) = transform.apply((width.mul_add(u, left), height.mul_add(v, top)));
                on_page(x, y)
            };
            let origin = corner(0.0, 0.0);
            return Some(Placement {
                origin,
                x: corner(1.0, 0.0) - origin,
                y: corner(0.0, 1.0) - origin,
            });
        }

        Some(Placement {
            origin: on_page(at("x")?.points(), at("y")?.points()),
            x: vec2(width * self.scale, 0.0),
            y: vec2(0.0, height * self.scale),
        })
    }

    fn point(&self, shape: &Element, x: &str, y: &str) -> Option<Pos2> {
        let at = |local: &str| shape.attr(&Ns::Svg, local).and_then(Length::parse);
        Some(pos2(
            self.page.left() + at(x)?.points() * self.scale,
            self.page.top() + at(y)?.points() * self.scale,
        ))
    }

    fn stroke(&self, properties: &Properties) -> Option<Stroke> {
        let colour = properties.graphic.stroke?;
        let width = properties
            .graphic
            .stroke_width
            .map_or(1.0, |w| w.points() * self.scale)
            .max(1.0);
        Some(Stroke::new(width, format::color32(colour)))
    }

    /// Paint a fill inside an outline.
    ///
    /// Always a mesh, and always triangulated. A graphics toolkit fills a closed
    /// path by cutting it into triangles, and the obvious way — a fan from the
    /// first point, which is what `Shape::convex_polygon` does — is right only
    /// for a convex outline. An arrow, a callout and a puzzle piece are none of
    /// them convex, and a fan across one paints outside it. Colour varies over a
    /// mesh by varying at its corners, so a gradient costs nothing more than
    /// asking for the colour at each.
    fn fill(&mut self, ui: &Ui, rect: Rect, fill: &Fill, opacity: Option<f32>, points: &[Pos2]) {
        // The reference is copied out so that the picture cache can be filled
        // while the document is being read from.
        let document = self.document;

        if let Fill::Image(name) = fill {
            let Some(href) = document.styles.fill_image(name) else {
                return;
            };
            let Some(texture) = self
                .pictures
                .get(ui.ctx(), document, href)
                .map(eframe::egui::TextureHandle::id)
            else {
                return;
            };
            // Stretched over the shape's own rectangle: each corner takes the
            // corner of the picture that the corner of the rectangle is at.
            let tint = alpha(Color32::WHITE, opacity);
            let mut mesh = Mesh::with_texture(texture);
            for point in points {
                mesh.vertices.push(Vertex {
                    pos: *point,
                    uv: pos2(
                        (point.x - rect.left()) / rect.width().max(f32::EPSILON),
                        (point.y - rect.top()) / rect.height().max(f32::EPSILON),
                    ),
                    color: tint,
                });
            }
            for [a, b, c] in triangulate(points) {
                mesh.add_triangle(a, b, c);
            }
            self.painter(ui).add(Shape::mesh(mesh));
            return;
        }

        let gradient = match fill {
            Fill::None | Fill::Image(_) => return,
            Fill::Solid(_) => None,
            Fill::Gradient(name) => match document.styles.gradient(name) {
                Some(gradient) => Some(gradient),
                None => return,
            },
        };
        let flat = match fill {
            Fill::Solid(colour) => Some(alpha(format::color32(*colour), opacity)),
            _ => None,
        };

        let mut mesh = Mesh::default();
        for point in points {
            let colour = flat.unwrap_or_else(|| {
                gradient.map_or(Color32::TRANSPARENT, |gradient| {
                    alpha(gradient_colour(*point, rect, gradient), opacity)
                })
            });
            mesh.colored_vertex(*point, colour);
        }
        for [a, b, c] in triangulate(points) {
            mesh.add_triangle(a, b, c);
        }
        self.painter(ui).add(Shape::mesh(mesh));
    }

    /// One colour for a fill, where the shape being drawn cannot carry a mesh.
    fn flat(&self, fill: &Fill, opacity: Option<f32>) -> Option<Color32> {
        match fill {
            // Nothing to draw, and a picture that has no room in an ellipse,
            // which is drawn as an ellipse rather than as a mesh.
            Fill::None | Fill::Image(_) => None,
            Fill::Solid(colour) => Some(alpha(format::color32(*colour), opacity)),
            Fill::Gradient(name) => {
                let gradient = self.document.styles.gradient(name)?;
                Some(alpha(blend(gradient.start, gradient.end, 0.5), opacity))
            }
        }
    }
}

/// A polygon's points, mapped from the coordinate space it declares onto the
/// rectangle it occupies.
///
/// `draw:points` is in the space `svg:viewBox` sets up, which is a shape's
/// own and has nothing to do with the page's: a polygon 13.5cm wide states
/// its points out of 13501. Without the mapping every polygon collapses into
/// the top left corner.
fn points(shape: &Element, placement: Placement) -> Vec<Pos2> {
    let view: Vec<f32> = shape
        .attr(&Ns::Svg, "viewBox")
        .unwrap_or_default()
        .split_whitespace()
        .filter_map(|n| n.parse().ok())
        .collect();
    let [left, top, width, height] = view[..] else {
        return Vec::new();
    };
    if width <= 0.0 || height <= 0.0 {
        return Vec::new();
    }
    shape
        .attr(&Ns::Draw, "points")
        .unwrap_or_default()
        .split_whitespace()
        .filter_map(|pair| {
            let (x, y) = pair.split_once(',')?;
            let x: f32 = x.trim().parse().ok()?;
            let y: f32 = y.trim().parse().ok()?;
            Some(placement.across((x - left) / width, (y - top) / height))
        })
        .collect()
}

/// An ellipse inscribed in a shape's box, as points.
///
/// For the shape whose box is turned: the window draws an ellipse from a centre
/// and two radii, which can only be square to the screen.
fn ellipse(placement: Placement) -> Vec<Pos2> {
    const SIDES: usize = 64;
    (0..SIDES)
        .map(|i| {
            #[allow(clippy::cast_precision_loss)]
            let angle = std::f32::consts::TAU * i as f32 / SIDES as f32;
            placement.across(
                0.5f32.mul_add(angle.cos(), 0.5),
                0.5f32.mul_add(angle.sin(), 0.5),
            )
        })
        .collect()
}

fn alpha(colour: Color32, opacity: Option<f32>) -> Color32 {
    match opacity {
        Some(opacity) if opacity < 1.0 => colour.gamma_multiply(opacity),
        _ => colour,
    }
}

fn blend(from: Color, to: Color, t: f32) -> Color32 {
    let mix = |a: u8, b: u8| {
        let a = f32::from(a);
        let b = f32::from(b);
        #[allow(clippy::cast_possible_truncation, clippy::cast_sign_loss)]
        {
            (a + (b - a) * t).round().clamp(0.0, 255.0) as u8
        }
    };
    Color32::from_rgb(mix(from.r, to.r), mix(from.g, to.g), mix(from.b, to.b))
}

/// The colour a gradient has at one point of the rectangle it fills.
///
/// **Linear and axial run in the direction the document gives; the four that
/// radiate from a point do not.** A radial gradient's colour depends on the
/// distance from a centre, which this could compute — and no fixture uses one,
/// so it would be a direction invented rather than measured. Those get the flat
/// average of the two colours, which is visibly an approximation.
fn gradient_colour(point: Pos2, rect: Rect, gradient: &Gradient) -> Color32 {
    match gradient.style {
        GradientStyle::Linear | GradientStyle::Axial => {}
        _ => return blend(gradient.start, gradient.end, 0.5),
    }

    // ODF measures the angle counter-clockwise from the direction that runs
    // bottom to top, and the screen's y grows downward, so the axis is the unit
    // vector below. A point's place along the gradient is its projection onto
    // it, rescaled so that the rectangle's own extent is nought to one.
    let radians = gradient.angle.to_radians();
    let axis = vec2(radians.sin(), -radians.cos());
    let corners = [
        rect.left_top(),
        rect.right_top(),
        rect.right_bottom(),
        rect.left_bottom(),
    ];
    let projections = corners.map(|corner| (corner - rect.center()).dot(axis));
    let low = projections.iter().copied().fold(f32::MAX, f32::min);
    let high = projections.iter().copied().fold(f32::MIN, f32::max);
    let span = (high - low).max(f32::EPSILON);

    let mut t = ((point - rect.center()).dot(axis) - low) / span;
    // The border is the fraction of the run that stays the start colour before
    // the blend begins.
    let border = gradient.border.clamp(0.0, 0.99);
    t = ((t - border) / (1.0 - border)).clamp(0.0, 1.0);
    // An axial gradient runs out from the middle to both edges, so each half of
    // the rectangle takes the whole blend.
    if gradient.style == GradientStyle::Axial {
        t = (t - 0.5).abs() * 2.0;
    }
    blend(gradient.start, gradient.end, t)
}

/// Cut a closed outline into triangles, by clipping ears.
///
/// The standard method, and the reason for it is above [`Canvas::fill`]: the
/// cheap alternative is right only for convex outlines and ODF's shapes are
/// routinely not. An outline it cannot cut — one that crosses itself, which a
/// hand-edited document can hold — falls back to the fan, which is wrong in the
/// way the fan is always wrong rather than in a new way.
fn triangulate(points: &[Pos2]) -> Vec<[u32; 3]> {
    let count = points.len();
    if count < 3 {
        return Vec::new();
    }
    let fan = || -> Vec<[u32; 3]> {
        (1..count - 1)
            .map(|i| {
                [
                    0,
                    u32::try_from(i).unwrap_or(0),
                    u32::try_from(i + 1).unwrap_or(0),
                ]
            })
            .collect()
    };

    // Twice the signed area, whose sign is which way round the outline goes.
    let area: f32 = (0..count)
        .map(|i| {
            let (a, b) = (points[i], points[(i + 1) % count]);
            a.x * b.y - b.x * a.y
        })
        .sum();
    let winding = if area >= 0.0 { 1.0 } else { -1.0 };

    let cross = |a: Pos2, b: Pos2, c: Pos2| (b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x);
    let inside = |a: Pos2, b: Pos2, c: Pos2, p: Pos2| {
        cross(a, b, p) * winding >= 0.0
            && cross(b, c, p) * winding >= 0.0
            && cross(c, a, p) * winding >= 0.0
    };

    let mut remaining: Vec<usize> = (0..count).collect();
    let mut triangles = Vec::with_capacity(count);
    let mut stuck = 0;
    while remaining.len() > 3 {
        if stuck > remaining.len() {
            return fan();
        }
        let mut clipped = false;
        for position in 0..remaining.len() {
            let corner = [
                remaining[(position + remaining.len() - 1) % remaining.len()],
                remaining[position],
                remaining[(position + 1) % remaining.len()],
            ];
            let ear = corner.map(|index| points[index]);
            // A reflex corner is not an ear, and neither is one whose triangle
            // has another corner of the outline inside it.
            if cross(ear[0], ear[1], ear[2]) * winding <= 0.0 {
                continue;
            }
            if remaining
                .iter()
                .filter(|other| !corner.contains(other))
                .any(|other| inside(ear[0], ear[1], ear[2], points[*other]))
            {
                continue;
            }
            triangles.push(corner.map(|index| u32::try_from(index).unwrap_or(0)));
            remaining.remove(position);
            clipped = true;
            stuck = 0;
            break;
        }
        if !clipped {
            stuck += 1;
        }
    }
    if remaining.len() == 3 {
        triangles.push([
            u32::try_from(remaining[0]).unwrap_or(0),
            u32::try_from(remaining[1]).unwrap_or(0),
            u32::try_from(remaining[2]).unwrap_or(0),
        ]);
    }
    triangles
}

#[cfg(test)]
mod tests {
    use super::triangulate;
    use eframe::egui::{Pos2, pos2};

    /// Twice the area a run of triangles covers, and twice the area the outline
    /// encloses. Equal means the triangles cover the shape and nothing else.
    fn areas(points: &[Pos2]) -> (f32, f32) {
        let cross =
            |a: Pos2, b: Pos2, c: Pos2| (b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x);
        let triangles: f32 = triangulate(points)
            .iter()
            .map(|[a, b, c]| {
                cross(
                    points[*a as usize],
                    points[*b as usize],
                    points[*c as usize],
                )
                .abs()
            })
            .sum();
        let outline: f32 = (0..points.len())
            .map(|i| {
                let (a, b) = (points[i], points[(i + 1) % points.len()]);
                a.x * b.y - b.x * a.y
            })
            .sum::<f32>()
            .abs();
        (triangles, outline)
    }

    /// Would catch the fan: an L covers three quarters of its bounding box, and
    /// a fan from the first corner covers the whole of it.
    #[test]
    fn a_concave_outline_is_cut_into_the_shape_and_not_its_hull() {
        let l = [
            pos2(0.0, 0.0),
            pos2(2.0, 0.0),
            pos2(2.0, 1.0),
            pos2(1.0, 1.0),
            pos2(1.0, 2.0),
            pos2(0.0, 2.0),
        ];
        let (triangles, outline) = areas(&l);
        assert!(
            (triangles - outline).abs() < 1e-3,
            "{triangles} against {outline}"
        );
        // Three of the four unit squares, twice over.
        assert!((outline - 6.0).abs() < 1e-3, "{outline}");
    }

    /// A cross has four reflex corners and is where a careless ear test fails.
    #[test]
    fn a_cross_is_cut_correctly_too() {
        let cross = [
            pos2(1.0, 0.0),
            pos2(2.0, 0.0),
            pos2(2.0, 1.0),
            pos2(3.0, 1.0),
            pos2(3.0, 2.0),
            pos2(2.0, 2.0),
            pos2(2.0, 3.0),
            pos2(1.0, 3.0),
            pos2(1.0, 2.0),
            pos2(0.0, 2.0),
            pos2(0.0, 1.0),
            pos2(1.0, 1.0),
        ];
        let (triangles, outline) = areas(&cross);
        assert!(
            (triangles - outline).abs() < 1e-3,
            "{triangles} against {outline}"
        );
    }

    /// The same outline the other way round: the winding must not decide whether
    /// it works, because a mirrored shape arrives reversed.
    #[test]
    fn winding_does_not_matter() {
        let mut l = vec![
            pos2(0.0, 0.0),
            pos2(2.0, 0.0),
            pos2(2.0, 1.0),
            pos2(1.0, 1.0),
            pos2(1.0, 2.0),
            pos2(0.0, 2.0),
        ];
        l.reverse();
        let (triangles, outline) = areas(&l);
        assert!(
            (triangles - outline).abs() < 1e-3,
            "{triangles} against {outline}"
        );
    }

    /// A convex outline is the ordinary case and must still come out whole.
    #[test]
    fn a_square_is_two_triangles() {
        let square = [
            pos2(0.0, 0.0),
            pos2(1.0, 0.0),
            pos2(1.0, 1.0),
            pos2(0.0, 1.0),
        ];
        assert_eq!(triangulate(&square).len(), 2);
        let (triangles, outline) = areas(&square);
        assert!((triangles - outline).abs() < 1e-4);
    }
}