use crate::render_ext::RenderExt; use crate::to_peniko::BlendModeExt; use bezier_rs::Subpath; use dyn_any::DynAny; use glam::{DAffine2, DVec2}; use graphene_core::blending::BlendMode; use graphene_core::bounds::BoundingBox; use graphene_core::color::Color; use graphene_core::instances::Instance; use graphene_core::math::quad::Quad; use graphene_core::raster::Image; use graphene_core::raster_types::{CPU, GPU, RasterDataTable}; use graphene_core::transform::{Footprint, Transform}; use graphene_core::uuid::{NodeId, generate_uuid}; use graphene_core::vector::VectorDataTable; use graphene_core::vector::click_target::{ClickTarget, FreePoint}; use graphene_core::vector::style::{Fill, Stroke, StrokeAlign, ViewMode}; use graphene_core::{AlphaBlending, Artboard, ArtboardGroupTable, GraphicElement, GraphicGroupTable}; use num_traits::Zero; use std::collections::{HashMap, HashSet}; use std::fmt::Write; #[cfg(feature = "vello")] use vello::*; #[derive(Clone, Copy, Debug, PartialEq, serde::Serialize, serde::Deserialize)] enum MaskType { Clip, Mask, } impl MaskType { fn to_attribute(self) -> String { match self { Self::Mask => "mask".to_string(), Self::Clip => "clip-path".to_string(), } } fn write_to_defs(self, svg_defs: &mut String, uuid: u64, svg_string: String) { let id = format!("mask-{}", uuid); match self { Self::Clip => write!(svg_defs, r##"{}"##, svg_string).unwrap(), Self::Mask => write!(svg_defs, r##"{}"##, svg_string).unwrap(), } } } /// Mutable state used whilst rendering to an SVG pub struct SvgRender { pub svg: Vec, pub svg_defs: String, pub transform: DAffine2, pub image_data: Vec<(u64, Image)>, indent: usize, } impl SvgRender { pub fn new() -> Self { Self { svg: Vec::default(), svg_defs: String::new(), transform: DAffine2::IDENTITY, image_data: Vec::new(), indent: 0, } } pub fn indent(&mut self) { self.svg.push("\n".into()); self.svg.push("\t".repeat(self.indent).into()); } /// Add an outer `...` tag with a `viewBox` and the `` pub fn format_svg(&mut self, bounds_min: DVec2, bounds_max: DVec2) { let (x, y) = bounds_min.into(); let (size_x, size_y) = (bounds_max - bounds_min).into(); let defs = &self.svg_defs; let svg_header = format!(r#"{defs}"#,); self.svg.insert(0, svg_header.into()); self.svg.push("".into()); } /// Wraps the SVG with `...`, which allows for rotation pub fn wrap_with_transform(&mut self, transform: DAffine2, size: Option) { let defs = &self.svg_defs; let view_box = size .map(|size| format!("viewBox=\"0 0 {} {}\" width=\"{}\" height=\"{}\"", size.x, size.y, size.x, size.y)) .unwrap_or_default(); let matrix = format_transform_matrix(transform); let transform = if matrix.is_empty() { String::new() } else { format!(r#" transform="{}""#, matrix) }; let svg_header = format!(r#"{defs}"#, view_box); self.svg.insert(0, svg_header.into()); self.svg.push("".into()); } pub fn leaf_tag(&mut self, name: impl Into, attributes: impl FnOnce(&mut SvgRenderAttrs)) { self.indent(); self.svg.push("<".into()); self.svg.push(name.into()); attributes(&mut SvgRenderAttrs(self)); self.svg.push("/>".into()); } pub fn leaf_node(&mut self, content: impl Into) { self.indent(); self.svg.push(content.into()); } pub fn parent_tag(&mut self, name: impl Into, attributes: impl FnOnce(&mut SvgRenderAttrs), inner: impl FnOnce(&mut Self)) { let name = name.into(); self.indent(); self.svg.push("<".into()); self.svg.push(name.clone()); // Wraps `self` in a newtype (1-tuple) which is then mutated by the `attributes` closure attributes(&mut SvgRenderAttrs(self)); self.svg.push(">".into()); let length = self.svg.len(); self.indent += 1; inner(self); self.indent -= 1; if self.svg.len() != length { self.indent(); self.svg.push("".into()); } else { self.svg.pop(); self.svg.push("/>".into()); } } } impl Default for SvgRender { fn default() -> Self { Self::new() } } #[derive(Clone, Debug, Default)] pub struct RenderContext { #[cfg(feature = "vello")] pub resource_overrides: HashMap>, } /// Static state used whilst rendering #[derive(Default)] pub struct RenderParams { pub view_mode: ViewMode, pub culling_bounds: Option<[DVec2; 2]>, pub thumbnail: bool, /// Don't render the rectangle for an artboard to allow exporting with a transparent background. pub hide_artboards: bool, /// Are we exporting? Causes the text above an artboard to be hidden. pub for_export: bool, /// Are we generating a mask in this render pass? Used to see if fill should be multiplied with alpha. pub for_mask: bool, /// Are we generating a mask for alignment? Used to prevent unnecesary transforms in masks pub alignment_parent_transform: Option, } impl RenderParams { pub fn for_clipper(&self) -> Self { Self { for_mask: true, ..*self } } pub fn for_alignment(&self, transform: DAffine2) -> Self { let alignment_parent_transform = Some(transform); Self { alignment_parent_transform, ..*self } } } pub fn format_transform_matrix(transform: DAffine2) -> String { if transform == DAffine2::IDENTITY { return String::new(); } transform.to_cols_array().iter().enumerate().fold("matrix(".to_string(), |val, (i, num)| { let num = if num.abs() < 1_000_000_000. { (num * 1_000_000_000.).round() / 1_000_000_000. } else { *num }; let num = if num.is_zero() { "0".to_string() } else { num.to_string() }; let comma = if i == 5 { "" } else { "," }; val + &(num + comma) }) + ")" } pub fn to_transform(transform: DAffine2) -> usvg::Transform { let cols = transform.to_cols_array(); usvg::Transform::from_row(cols[0] as f32, cols[1] as f32, cols[2] as f32, cols[3] as f32, cols[4] as f32, cols[5] as f32) } // TODO: Click targets can be removed from the render output, since the vector data is available in the vector modify data from Monitor nodes. // This will require that the transform for child layers into that layer space be calculated, or it could be returned from the RenderOutput instead of click targets. #[derive(Debug, Default, Clone, PartialEq, DynAny, serde::Serialize, serde::Deserialize)] pub struct RenderMetadata { pub upstream_footprints: HashMap, pub local_transforms: HashMap, pub click_targets: HashMap>, pub clip_targets: HashSet, } // TODO: Rename to "Graphical" pub trait GraphicElementRendered: BoundingBox { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams); #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, _render_params: &RenderParams); /// The upstream click targets for each layer are collected during the render so that they do not have to be calculated for each click detection. fn add_upstream_click_targets(&self, _click_targets: &mut Vec) {} // TODO: Store all click targets in a vec which contains the AABB, click target, and path // fn add_click_targets(&self, click_targets: &mut Vec<([DVec2; 2], ClickTarget, Vec)>, current_path: Option) {} /// Recursively iterate over data in the render (including groups upstream from vector data in the case of a boolean operation) to collect the footprints, click targets, and vector modify. fn collect_metadata(&self, _metadata: &mut RenderMetadata, _footprint: Footprint, _element_id: Option) {} fn contains_artboard(&self) -> bool { false } fn new_ids_from_hash(&mut self, _reference: Option) {} } impl GraphicElementRendered for GraphicGroupTable { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { let mut iter = self.instance_ref_iter().peekable(); let mut mask_state = None; while let Some(instance) = iter.next() { render.parent_tag( "g", |attributes| { let matrix = format_transform_matrix(*instance.transform); if !matrix.is_empty() { attributes.push("transform", matrix); } let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill }; let opacity = instance.alpha_blending.opacity * factor; if opacity < 1. { attributes.push("opacity", opacity.to_string()); } if instance.alpha_blending.blend_mode != BlendMode::default() { attributes.push("style", instance.alpha_blending.blend_mode.render()); } let next_clips = iter.peek().is_some_and(|next_instance| next_instance.instance.had_clip_enabled()); if next_clips && mask_state.is_none() { let uuid = generate_uuid(); let mask_type = if instance.instance.can_reduce_to_clip_path() { MaskType::Clip } else { MaskType::Mask }; mask_state = Some((uuid, mask_type)); let mut svg = SvgRender::new(); instance.instance.render_svg(&mut svg, &render_params.for_clipper()); write!(&mut attributes.0.svg_defs, r##"{}"##, svg.svg_defs).unwrap(); mask_type.write_to_defs(&mut attributes.0.svg_defs, uuid, svg.svg.to_svg_string()); } else if let Some((uuid, mask_type)) = mask_state { if !next_clips { mask_state = None; } let id = format!("mask-{}", uuid); let selector = format!("url(#{id})"); attributes.push(mask_type.to_attribute(), selector); } }, |render| { instance.instance.render_svg(render, render_params); }, ); } } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) { let mut iter = self.instance_ref_iter().peekable(); let mut mask_instance_state = None; while let Some(instance) = iter.next() { let transform = transform * *instance.transform; let alpha_blending = *instance.alpha_blending; let mut layer = false; let blend_mode = match render_params.view_mode { ViewMode::Outline => peniko::Mix::Normal, _ => alpha_blending.blend_mode.to_peniko(), }; let mut bounds = None; let factor = if render_params.for_mask { 1. } else { alpha_blending.fill }; let opacity = alpha_blending.opacity * factor; if opacity < 1. || (render_params.view_mode != ViewMode::Outline && alpha_blending.blend_mode != BlendMode::default()) { bounds = self .instance_ref_iter() .filter_map(|element| element.instance.bounding_box(transform, true)) .reduce(Quad::combine_bounds); if let Some(bounds) = bounds { scene.push_layer( peniko::BlendMode::new(blend_mode, peniko::Compose::SrcOver), opacity, kurbo::Affine::IDENTITY, &kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y), ); layer = true; } } let next_clips = iter.peek().is_some_and(|next_instance| next_instance.instance.had_clip_enabled()); if next_clips && mask_instance_state.is_none() { mask_instance_state = Some((instance.instance, transform)); instance.instance.render_to_vello(scene, transform, context, render_params); } else if let Some((instance_mask, transform_mask)) = mask_instance_state { if !next_clips { mask_instance_state = None; } if !layer { bounds = self .instance_ref_iter() .filter_map(|element| element.instance.bounding_box(transform, true)) .reduce(Quad::combine_bounds); } if let Some(bounds) = bounds { let rect = kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y); scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::IDENTITY, &rect); instance_mask.render_to_vello(scene, transform_mask, context, &render_params.for_clipper()); scene.push_layer(peniko::BlendMode::new(peniko::Mix::Clip, peniko::Compose::SrcIn), 1., kurbo::Affine::IDENTITY, &rect); } instance.instance.render_to_vello(scene, transform, context, render_params); if bounds.is_some() { scene.pop_layer(); scene.pop_layer(); } } else { instance.instance.render_to_vello(scene, transform, context, render_params); } if layer { scene.pop_layer(); } } } fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option) { for instance in self.instance_ref_iter() { if let Some(element_id) = instance.source_node_id { let mut footprint = footprint; footprint.transform *= *instance.transform; instance.instance.collect_metadata(metadata, footprint, Some(*element_id)); } } if let Some(graphic_group_id) = element_id { let mut all_upstream_click_targets = Vec::new(); for instance in self.instance_ref_iter() { let mut new_click_targets = Vec::new(); instance.instance.add_upstream_click_targets(&mut new_click_targets); for click_target in new_click_targets.iter_mut() { click_target.apply_transform(*instance.transform) } all_upstream_click_targets.extend(new_click_targets); } metadata.click_targets.insert(graphic_group_id, all_upstream_click_targets); } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { for instance in self.instance_ref_iter() { let mut new_click_targets = Vec::new(); instance.instance.add_upstream_click_targets(&mut new_click_targets); for click_target in new_click_targets.iter_mut() { click_target.apply_transform(*instance.transform) } click_targets.extend(new_click_targets); } } fn contains_artboard(&self) -> bool { self.instance_ref_iter().any(|instance| instance.instance.contains_artboard()) } fn new_ids_from_hash(&mut self, _reference: Option) { for instance in self.instance_mut_iter() { instance.instance.new_ids_from_hash(*instance.source_node_id); } } } impl GraphicElementRendered for VectorDataTable { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { for instance in self.instance_ref_iter() { let multiplied_transform = *instance.transform; let vector_data = &instance.instance; // Only consider strokes with non-zero weight, since default strokes with zero weight would prevent assigning the correct stroke transform let has_real_stroke = vector_data.style.stroke().filter(|stroke| stroke.weight() > 0.); let set_stroke_transform = has_real_stroke.map(|stroke| stroke.transform).filter(|transform| transform.matrix2.determinant() != 0.); let applied_stroke_transform = set_stroke_transform.unwrap_or(*instance.transform); let applied_stroke_transform = render_params.alignment_parent_transform.unwrap_or(applied_stroke_transform); let element_transform = set_stroke_transform.map(|stroke_transform| multiplied_transform * stroke_transform.inverse()); let element_transform = element_transform.unwrap_or(DAffine2::IDENTITY); let layer_bounds = vector_data.bounding_box().unwrap_or_default(); let transformed_bounds = vector_data.bounding_box_with_transform(applied_stroke_transform).unwrap_or_default(); let mut path = String::new(); for subpath in instance.instance.stroke_bezier_paths() { let _ = subpath.subpath_to_svg(&mut path, applied_stroke_transform); } let connected = vector_data.stroke_bezier_paths().all(|path| path.closed()); let can_draw_aligned_stroke = vector_data.style.stroke().is_some_and(|stroke| stroke.has_renderable_stroke() && stroke.align.is_not_centered()) && connected; let mut push_id = None; if can_draw_aligned_stroke { let mask_type = if vector_data.style.stroke().unwrap().align == StrokeAlign::Inside { MaskType::Clip } else { MaskType::Mask }; let can_use_order = !instance.instance.style.fill().is_none() && mask_type == MaskType::Mask; if !can_use_order { let id = format!("alignment-{}", generate_uuid()); let mut vector_row = VectorDataTable::default(); let mut fill_instance = instance.instance.clone(); fill_instance.style.clear_stroke(); fill_instance.style.set_fill(Fill::solid(Color::BLACK)); vector_row.push(Instance { instance: fill_instance, alpha_blending: *instance.alpha_blending, transform: *instance.transform, source_node_id: None, }); push_id = Some((id, mask_type, vector_row)); } } render.leaf_tag("path", |attributes| { attributes.push("d", path); let matrix = format_transform_matrix(element_transform); if !matrix.is_empty() { attributes.push("transform", matrix); } let defs = &mut attributes.0.svg_defs; if let Some((ref id, mask_type, ref vector_row)) = push_id { let mut svg = SvgRender::new(); vector_row.render_svg(&mut svg, &render_params.for_alignment(applied_stroke_transform)); let weight = instance.instance.style.stroke().unwrap().weight * instance.transform.matrix2.determinant(); let quad = Quad::from_box(transformed_bounds).inflate(weight); let (x, y) = quad.top_left().into(); let (width, height) = (quad.bottom_right() - quad.top_left()).into(); write!(defs, r##"{}"##, svg.svg_defs).unwrap(); let rect = format!(r##""##, x, y); match mask_type { MaskType::Clip => write!(defs, r##"{}"##, svg.svg.to_svg_string()).unwrap(), MaskType::Mask => write!(defs, r##"{}{}"##, rect, svg.svg.to_svg_string()).unwrap(), } } let fill_and_stroke = instance.instance.style.render( defs, element_transform, applied_stroke_transform, layer_bounds, transformed_bounds, can_draw_aligned_stroke, can_draw_aligned_stroke && push_id.is_none(), render_params, ); if let Some((id, mask_type, _)) = push_id { let selector = format!("url(#{id})"); attributes.push(mask_type.to_attribute(), selector); } attributes.push_val(fill_and_stroke); let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill }; let opacity = instance.alpha_blending.opacity * factor; if opacity < 1. { attributes.push("opacity", opacity.to_string()); } if instance.alpha_blending.blend_mode != BlendMode::default() { attributes.push("style", instance.alpha_blending.blend_mode.render()); } }); } } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, parent_transform: DAffine2, _context: &mut RenderContext, render_params: &RenderParams) { use graphene_core::consts::{LAYER_OUTLINE_STROKE_COLOR, LAYER_OUTLINE_STROKE_WEIGHT}; use graphene_core::vector::style::{GradientType, StrokeCap, StrokeJoin}; use vello::kurbo::{Cap, Join}; use vello::peniko; for instance in self.instance_ref_iter() { let multiplied_transform = parent_transform * *instance.transform; let has_real_stroke = instance.instance.style.stroke().filter(|stroke| stroke.weight() > 0.); let set_stroke_transform = has_real_stroke.map(|stroke| stroke.transform).filter(|transform| transform.matrix2.determinant() != 0.); let applied_stroke_transform = set_stroke_transform.unwrap_or(multiplied_transform); let applied_stroke_transform = render_params.alignment_parent_transform.unwrap_or(applied_stroke_transform); let element_transform = set_stroke_transform.map(|stroke_transform| multiplied_transform * stroke_transform.inverse()); let element_transform = element_transform.unwrap_or(DAffine2::IDENTITY); let layer_bounds = instance.instance.bounding_box().unwrap_or_default(); let to_point = |p: DVec2| kurbo::Point::new(p.x, p.y); let mut path = kurbo::BezPath::new(); for subpath in instance.instance.stroke_bezier_paths() { subpath.to_vello_path(applied_stroke_transform, &mut path); } // If we're using opacity or a blend mode, we need to push a layer let blend_mode = match render_params.view_mode { ViewMode::Outline => peniko::Mix::Normal, _ => instance.alpha_blending.blend_mode.to_peniko(), }; let mut layer = false; let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill }; let opacity = instance.alpha_blending.opacity * factor; if opacity < 1. || instance.alpha_blending.blend_mode != BlendMode::default() { layer = true; scene.push_layer( peniko::BlendMode::new(blend_mode, peniko::Compose::SrcOver), opacity, kurbo::Affine::new(multiplied_transform.to_cols_array()), &kurbo::Rect::new(layer_bounds[0].x, layer_bounds[0].y, layer_bounds[1].x, layer_bounds[1].y), ); } let can_draw_aligned_stroke = instance.instance.style.stroke().is_some_and(|stroke| stroke.has_renderable_stroke() && stroke.align.is_not_centered()) && instance.instance.stroke_bezier_paths().all(|path| path.closed()); let reorder_for_outside = instance .instance .style .stroke() .is_some_and(|stroke| stroke.align == StrokeAlign::Outside && !instance.instance.style.fill().is_none()); if can_draw_aligned_stroke && !reorder_for_outside { let mut vector_data = VectorDataTable::default(); let mut fill_instance = instance.instance.clone(); fill_instance.style.clear_stroke(); fill_instance.style.set_fill(Fill::solid(Color::BLACK)); vector_data.push(Instance { instance: fill_instance, alpha_blending: *instance.alpha_blending, transform: *instance.transform, source_node_id: None, }); let weight = instance.instance.style.stroke().unwrap().weight; let quad = Quad::from_box(layer_bounds).inflate(weight * element_transform.matrix2.determinant()); let rect = kurbo::Rect::new(quad.top_left().x, quad.top_left().y, quad.bottom_right().x, quad.bottom_right().y); let inside = instance.instance.style.stroke().unwrap().align == StrokeAlign::Inside; let compose = if inside { peniko::Compose::SrcIn } else { peniko::Compose::SrcOut }; scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::IDENTITY, &rect); vector_data.render_to_vello(scene, parent_transform, _context, &render_params.for_alignment(applied_stroke_transform)); scene.push_layer(peniko::BlendMode::new(peniko::Mix::Clip, compose), 1., kurbo::Affine::IDENTITY, &rect); } // Render the path match render_params.view_mode { ViewMode::Outline => { let outline_stroke = kurbo::Stroke { width: LAYER_OUTLINE_STROKE_WEIGHT, miter_limit: 4., join: Join::Miter, start_cap: Cap::Butt, end_cap: Cap::Butt, dash_pattern: Default::default(), dash_offset: 0., }; let outline_color = peniko::Color::new([ LAYER_OUTLINE_STROKE_COLOR.r(), LAYER_OUTLINE_STROKE_COLOR.g(), LAYER_OUTLINE_STROKE_COLOR.b(), LAYER_OUTLINE_STROKE_COLOR.a(), ]); scene.stroke(&outline_stroke, kurbo::Affine::new(element_transform.to_cols_array()), outline_color, None, &path); } _ => { enum Op { Fill, Stroke, } let order = match instance.instance.style.stroke().is_some_and(|stroke| !stroke.paint_order.is_default()) || reorder_for_outside { true => [Op::Stroke, Op::Fill], false => [Op::Fill, Op::Stroke], // Default }; for operation in order { match operation { Op::Fill => { match instance.instance.style.fill() { Fill::Solid(color) => { let fill = peniko::Brush::Solid(peniko::Color::new([color.r(), color.g(), color.b(), color.a()])); scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(element_transform.to_cols_array()), &fill, None, &path); } Fill::Gradient(gradient) => { let mut stops = peniko::ColorStops::new(); for &(offset, color) in &gradient.stops { stops.push(peniko::ColorStop { offset: offset as f32, color: peniko::color::DynamicColor::from_alpha_color(peniko::Color::new([color.r(), color.g(), color.b(), color.a()])), }); } // Compute bounding box of the shape to determine the gradient start and end points let bounds = instance.instance.nonzero_bounding_box(); let bound_transform = DAffine2::from_scale_angle_translation(bounds[1] - bounds[0], 0., bounds[0]); let inverse_parent_transform = (parent_transform.matrix2.determinant() != 0.).then(|| parent_transform.inverse()).unwrap_or_default(); let mod_points = inverse_parent_transform * multiplied_transform * bound_transform; let start = mod_points.transform_point2(gradient.start); let end = mod_points.transform_point2(gradient.end); let fill = peniko::Brush::Gradient(peniko::Gradient { kind: match gradient.gradient_type { GradientType::Linear => peniko::GradientKind::Linear { start: to_point(start), end: to_point(end), }, GradientType::Radial => { let radius = start.distance(end); peniko::GradientKind::Radial { start_center: to_point(start), start_radius: 0., end_center: to_point(start), end_radius: radius as f32, } } }, stops, ..Default::default() }); // Vello does `element_transform * brush_transform` internally. We don't want element_transform to have any impact so we need to left multiply by the inverse. // This makes the final internal brush transform equal to `parent_transform`, allowing you to stretch a gradient by transforming the parent folder. let inverse_element_transform = (element_transform.matrix2.determinant() != 0.).then(|| element_transform.inverse()).unwrap_or_default(); let brush_transform = kurbo::Affine::new((inverse_element_transform * parent_transform).to_cols_array()); scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(element_transform.to_cols_array()), &fill, Some(brush_transform), &path); } Fill::None => {} }; } Op::Stroke => { if let Some(stroke) = instance.instance.style.stroke() { let color = match stroke.color { Some(color) => peniko::Color::new([color.r(), color.g(), color.b(), color.a()]), None => peniko::Color::TRANSPARENT, }; let cap = match stroke.cap { StrokeCap::Butt => Cap::Butt, StrokeCap::Round => Cap::Round, StrokeCap::Square => Cap::Square, }; let join = match stroke.join { StrokeJoin::Miter => Join::Miter, StrokeJoin::Bevel => Join::Bevel, StrokeJoin::Round => Join::Round, }; let stroke = kurbo::Stroke { width: stroke.weight * if can_draw_aligned_stroke { 2. } else { 1. }, miter_limit: stroke.join_miter_limit, join, start_cap: cap, end_cap: cap, dash_pattern: stroke.dash_lengths.into(), dash_offset: stroke.dash_offset, }; // Draw the stroke if it's visible if stroke.width > 0. { scene.stroke(&stroke, kurbo::Affine::new(element_transform.to_cols_array()), color, None, &path); } } } } } } } if can_draw_aligned_stroke { scene.pop_layer(); scene.pop_layer(); } // If we pushed a layer for opacity or a blend mode, we need to pop it if layer { scene.pop_layer(); } } } fn collect_metadata(&self, metadata: &mut RenderMetadata, mut footprint: Footprint, element_id: Option) { for instance in self.instance_ref_iter() { let instance_transform = *instance.transform; let instance = instance.instance; if let Some(element_id) = element_id { let stroke_width = instance.style.stroke().as_ref().map_or(0., Stroke::weight); let filled = instance.style.fill() != &Fill::None; let fill = |mut subpath: Subpath<_>| { if filled { subpath.set_closed(true); } subpath }; // For free-floating anchors, we need to add a click target for each let single_anchors_targets = instance.point_domain.ids().iter().filter_map(|&point_id| { if instance.connected_count(point_id) == 0 { let anchor = instance.point_domain.position_from_id(point_id).unwrap_or_default(); let point = FreePoint::new(point_id, anchor); Some(ClickTarget::new_with_free_point(point)) } else { None } }); let click_targets = instance .stroke_bezier_paths() .map(fill) .map(|subpath| ClickTarget::new_with_subpath(subpath, stroke_width)) .chain(single_anchors_targets.into_iter()) .collect::>(); metadata.click_targets.insert(element_id, click_targets); } if let Some(upstream_graphic_group) = &instance.upstream_graphic_group { footprint.transform *= instance_transform; upstream_graphic_group.collect_metadata(metadata, footprint, None); } } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { for instance in self.instance_ref_iter() { let stroke_width = instance.instance.style.stroke().as_ref().map_or(0., Stroke::weight); let filled = instance.instance.style.fill() != &Fill::None; let fill = |mut subpath: Subpath<_>| { if filled { subpath.set_closed(true); } subpath }; click_targets.extend(instance.instance.stroke_bezier_paths().map(fill).map(|subpath| { let mut click_target = ClickTarget::new_with_subpath(subpath, stroke_width); click_target.apply_transform(*instance.transform); click_target })); // For free-floating anchors, we need to add a click target for each let single_anchors_targets = instance.instance.point_domain.ids().iter().filter_map(|&point_id| { if instance.instance.connected_count(point_id) > 0 { return None; } let anchor = instance.instance.point_domain.position_from_id(point_id).unwrap_or_default(); let point = FreePoint::new(point_id, anchor); let mut click_target = ClickTarget::new_with_free_point(point); click_target.apply_transform(*instance.transform); Some(click_target) }); click_targets.extend(single_anchors_targets); } } fn new_ids_from_hash(&mut self, reference: Option) { for instance in self.instance_mut_iter() { instance.instance.vector_new_ids_from_hash(reference.map(|id| id.0).unwrap_or_default()); } } } impl GraphicElementRendered for Artboard { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { if !render_params.hide_artboards { // Background render.leaf_tag("rect", |attributes| { attributes.push("fill", format!("#{}", self.background.to_rgb_hex_srgb_from_gamma())); if self.background.a() < 1. { attributes.push("fill-opacity", ((self.background.a() * 1000.).round() / 1000.).to_string()); } attributes.push("x", self.location.x.min(self.location.x + self.dimensions.x).to_string()); attributes.push("y", self.location.y.min(self.location.y + self.dimensions.y).to_string()); attributes.push("width", self.dimensions.x.abs().to_string()); attributes.push("height", self.dimensions.y.abs().to_string()); }); } // Contents group (includes the artwork but not the background) render.parent_tag( // SVG group tag "g", // Group tag attributes |attributes| { let matrix = format_transform_matrix(self.transform()); if !matrix.is_empty() { attributes.push("transform", matrix); } if self.clip { let id = format!("artboard-{}", generate_uuid()); let selector = format!("url(#{id})"); write!( &mut attributes.0.svg_defs, r##""##, self.dimensions.x, self.dimensions.y, ) .unwrap(); attributes.push("clip-path", selector); } }, // Artboard contents |render| { self.graphic_group.render_svg(render, render_params); }, ); } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) { use vello::peniko; // Render background let color = peniko::Color::new([self.background.r(), self.background.g(), self.background.b(), self.background.a()]); let [a, b] = [self.location.as_dvec2(), self.location.as_dvec2() + self.dimensions.as_dvec2()]; let rect = kurbo::Rect::new(a.x.min(b.x), a.y.min(b.y), a.x.max(b.x), a.y.max(b.y)); scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::new(transform.to_cols_array()), &rect); scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(transform.to_cols_array()), color, None, &rect); scene.pop_layer(); if self.clip { let blend_mode = peniko::BlendMode::new(peniko::Mix::Clip, peniko::Compose::SrcOver); scene.push_layer(blend_mode, 1., kurbo::Affine::new(transform.to_cols_array()), &rect); } // Since the graphic group's transform is right multiplied in when rendering the graphic group, we just need to right multiply by the offset here. let child_transform = transform * DAffine2::from_translation(self.location.as_dvec2()); self.graphic_group.render_to_vello(scene, child_transform, context, render_params); if self.clip { scene.pop_layer(); } } fn collect_metadata(&self, metadata: &mut RenderMetadata, mut footprint: Footprint, element_id: Option) { if let Some(element_id) = element_id { let subpath = Subpath::new_rect(DVec2::ZERO, self.dimensions.as_dvec2()); metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]); metadata.upstream_footprints.insert(element_id, footprint); metadata.local_transforms.insert(element_id, DAffine2::from_translation(self.location.as_dvec2())); if self.clip { metadata.clip_targets.insert(element_id); } } footprint.transform *= self.transform(); self.graphic_group.collect_metadata(metadata, footprint, None); } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { let subpath_rectangle = Subpath::new_rect(DVec2::ZERO, self.dimensions.as_dvec2()); click_targets.push(ClickTarget::new_with_subpath(subpath_rectangle, 0.)); } fn contains_artboard(&self) -> bool { true } } impl GraphicElementRendered for ArtboardGroupTable { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { for artboard in self.instance_ref_iter() { artboard.instance.render_svg(render, render_params); } } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) { for instance in self.instance_ref_iter() { instance.instance.render_to_vello(scene, transform, context, render_params); } } fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, _element_id: Option) { for instance in self.instance_ref_iter() { instance.instance.collect_metadata(metadata, footprint, *instance.source_node_id); } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { for instance in self.instance_ref_iter() { instance.instance.add_upstream_click_targets(click_targets); } } fn contains_artboard(&self) -> bool { self.instance_ref_iter().count() > 0 } } impl GraphicElementRendered for RasterDataTable { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { for instance in self.instance_ref_iter() { let transform = *instance.transform; let image = &instance.instance; if image.data.is_empty() { return; } let base64_string = image.base64_string.clone().unwrap_or_else(|| { use base64::Engine; let output = image.to_png(); let preamble = "data:image/png;base64,"; let mut base64_string = String::with_capacity(preamble.len() + output.len() * 4); base64_string.push_str(preamble); base64::engine::general_purpose::STANDARD.encode_string(output, &mut base64_string); base64_string }); render.leaf_tag("image", |attributes| { attributes.push("width", 1.to_string()); attributes.push("height", 1.to_string()); attributes.push("preserveAspectRatio", "none"); attributes.push("href", base64_string); let matrix = format_transform_matrix(transform); if !matrix.is_empty() { attributes.push("transform", matrix); } let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill }; let opacity = instance.alpha_blending.opacity * factor; if opacity < 1. { attributes.push("opacity", opacity.to_string()); } if instance.alpha_blending.blend_mode != BlendMode::default() { attributes.push("style", instance.alpha_blending.blend_mode.render()); } }); } } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, _: &mut RenderContext, _render_params: &RenderParams) { use vello::peniko; for instance in self.instance_ref_iter() { let image = &instance.instance; if image.data.is_empty() { return; } let image = peniko::Image::new(image.to_flat_u8().0.into(), peniko::Format::Rgba8, image.width, image.height).with_extend(peniko::Extend::Repeat); let transform = transform * *instance.transform * DAffine2::from_scale(1. / DVec2::new(image.width as f64, image.height as f64)); scene.draw_image(&image, kurbo::Affine::new(transform.to_cols_array())); } } fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option) { let Some(element_id) = element_id else { return }; let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE); metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]); metadata.upstream_footprints.insert(element_id, footprint); // TODO: Find a way to handle more than one row of the graphical data table if let Some(image) = self.instance_ref_iter().next() { metadata.local_transforms.insert(element_id, *image.transform); } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE); click_targets.push(ClickTarget::new_with_subpath(subpath, 0.)); } } impl GraphicElementRendered for RasterDataTable { fn render_svg(&self, _render: &mut SvgRender, _render_params: &RenderParams) { log::warn!("tried to render texture as an svg"); } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, _render_params: &RenderParams) { use vello::peniko; let mut render_stuff = |image: peniko::Image, instance_transform: DAffine2, blend_mode: AlphaBlending| { let image_transform = transform * instance_transform * DAffine2::from_scale(1. / DVec2::new(image.width as f64, image.height as f64)); let layer = blend_mode != Default::default(); let Some(bounds) = self.bounding_box(transform, true) else { return }; let blending = peniko::BlendMode::new(blend_mode.blend_mode.to_peniko(), peniko::Compose::SrcOver); if layer { let rect = kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y); scene.push_layer(blending, blend_mode.opacity, kurbo::Affine::IDENTITY, &rect); } scene.draw_image(&image, kurbo::Affine::new(image_transform.to_cols_array())); if layer { scene.pop_layer() } }; for instance in self.instance_ref_iter() { let image = peniko::Image::new(vec![].into(), peniko::Format::Rgba8, instance.instance.data().width(), instance.instance.data().height()).with_extend(peniko::Extend::Repeat); let id = image.data.id(); context.resource_overrides.insert(id, instance.instance.data_owned()); render_stuff(image, *instance.transform, *instance.alpha_blending); } } fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option) { let Some(element_id) = element_id else { return }; let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE); metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]); metadata.upstream_footprints.insert(element_id, footprint); // TODO: Find a way to handle more than one row of the graphical data table if let Some(image) = self.instance_ref_iter().next() { metadata.local_transforms.insert(element_id, *image.transform); } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE); click_targets.push(ClickTarget::new_with_subpath(subpath, 0.)); } } impl GraphicElementRendered for GraphicElement { fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) { match self { GraphicElement::VectorData(vector_data) => vector_data.render_svg(render, render_params), GraphicElement::RasterDataCPU(raster) => raster.render_svg(render, render_params), GraphicElement::RasterDataGPU(_raster) => (), GraphicElement::GraphicGroup(graphic_group) => graphic_group.render_svg(render, render_params), } } #[cfg(feature = "vello")] fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) { match self { GraphicElement::VectorData(vector_data) => vector_data.render_to_vello(scene, transform, context, render_params), GraphicElement::RasterDataCPU(raster) => raster.render_to_vello(scene, transform, context, render_params), GraphicElement::RasterDataGPU(raster) => raster.render_to_vello(scene, transform, context, render_params), GraphicElement::GraphicGroup(graphic_group) => graphic_group.render_to_vello(scene, transform, context, render_params), } } fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option) { if let Some(element_id) = element_id { match self { GraphicElement::GraphicGroup(_) => { metadata.upstream_footprints.insert(element_id, footprint); } GraphicElement::VectorData(vector_data) => { metadata.upstream_footprints.insert(element_id, footprint); // TODO: Find a way to handle more than one row of the graphical data table if let Some(vector_data) = vector_data.instance_ref_iter().next() { metadata.local_transforms.insert(element_id, *vector_data.transform); } } GraphicElement::RasterDataCPU(raster_frame) => { metadata.upstream_footprints.insert(element_id, footprint); // TODO: Find a way to handle more than one row of images if let Some(image) = raster_frame.instance_ref_iter().next() { metadata.local_transforms.insert(element_id, *image.transform); } } GraphicElement::RasterDataGPU(raster_frame) => { metadata.upstream_footprints.insert(element_id, footprint); // TODO: Find a way to handle more than one row of images if let Some(image) = raster_frame.instance_ref_iter().next() { metadata.local_transforms.insert(element_id, *image.transform); } } } } match self { GraphicElement::VectorData(vector_data) => vector_data.collect_metadata(metadata, footprint, element_id), GraphicElement::RasterDataCPU(raster) => raster.collect_metadata(metadata, footprint, element_id), GraphicElement::RasterDataGPU(raster) => raster.collect_metadata(metadata, footprint, element_id), GraphicElement::GraphicGroup(graphic_group) => graphic_group.collect_metadata(metadata, footprint, element_id), } } fn add_upstream_click_targets(&self, click_targets: &mut Vec) { match self { GraphicElement::VectorData(vector_data) => vector_data.add_upstream_click_targets(click_targets), GraphicElement::RasterDataCPU(raster) => raster.add_upstream_click_targets(click_targets), GraphicElement::RasterDataGPU(raster) => raster.add_upstream_click_targets(click_targets), GraphicElement::GraphicGroup(graphic_group) => graphic_group.add_upstream_click_targets(click_targets), } } fn contains_artboard(&self) -> bool { match self { GraphicElement::VectorData(vector_data) => vector_data.contains_artboard(), GraphicElement::GraphicGroup(graphic_group) => graphic_group.contains_artboard(), GraphicElement::RasterDataCPU(raster) => raster.contains_artboard(), GraphicElement::RasterDataGPU(raster) => raster.contains_artboard(), } } fn new_ids_from_hash(&mut self, reference: Option) { match self { GraphicElement::VectorData(vector_data) => vector_data.new_ids_from_hash(reference), GraphicElement::GraphicGroup(graphic_group) => graphic_group.new_ids_from_hash(reference), GraphicElement::RasterDataCPU(_) => (), GraphicElement::RasterDataGPU(_) => (), } } } /// Used to stop rust complaining about upstream traits adding display implementations to `Option`. This would not be an issue as we control that crate. trait Primitive: std::fmt::Display + BoundingBox {} impl Primitive for String {} impl Primitive for bool {} impl Primitive for f32 {} impl Primitive for f64 {} impl Primitive for DVec2 {} fn text_attributes(attributes: &mut SvgRenderAttrs) { attributes.push("fill", "white"); attributes.push("y", "30"); attributes.push("font-size", "30"); } impl GraphicElementRendered for P { fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) { render.parent_tag("text", text_attributes, |render| render.leaf_node(format!("{self}"))); } #[cfg(feature = "vello")] fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {} } impl GraphicElementRendered for Option { fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) { let Some(color) = self else { render.parent_tag("text", |_| {}, |render| render.leaf_node("Empty color")); return; }; let color_info = format!("{:?} #{} {:?}", color, color.to_rgba_hex_srgb(), color.to_rgba8_srgb()); render.leaf_tag("rect", |attributes| { attributes.push("width", "100"); attributes.push("height", "100"); attributes.push("y", "40"); attributes.push("fill", format!("#{}", color.to_rgb_hex_srgb_from_gamma())); if color.a() < 1. { attributes.push("fill-opacity", ((color.a() * 1000.).round() / 1000.).to_string()); } }); render.parent_tag("text", text_attributes, |render| render.leaf_node(color_info)) } #[cfg(feature = "vello")] fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {} } impl GraphicElementRendered for Vec { fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) { for (index, &color) in self.iter().enumerate() { render.leaf_tag("rect", |attributes| { attributes.push("width", "100"); attributes.push("height", "100"); attributes.push("x", (index * 120).to_string()); attributes.push("y", "40"); attributes.push("fill", format!("#{}", color.to_rgb_hex_srgb_from_gamma())); if color.a() < 1. { attributes.push("fill-opacity", ((color.a() * 1000.).round() / 1000.).to_string()); } }); } } #[cfg(feature = "vello")] fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {} } #[derive(Debug, Clone, PartialEq, Eq)] pub enum SvgSegment { Slice(&'static str), String(String), } impl From for SvgSegment { fn from(value: String) -> Self { Self::String(value) } } impl From<&'static str> for SvgSegment { fn from(value: &'static str) -> Self { Self::Slice(value) } } pub trait RenderSvgSegmentList { fn to_svg_string(&self) -> String; } impl RenderSvgSegmentList for Vec { fn to_svg_string(&self) -> String { let mut result = String::new(); for segment in self.iter() { result.push_str(match segment { SvgSegment::Slice(x) => x, SvgSegment::String(x) => x, }); } result } } pub struct SvgRenderAttrs<'a>(&'a mut SvgRender); impl SvgRenderAttrs<'_> { pub fn push_complex(&mut self, name: impl Into, value: impl FnOnce(&mut SvgRender)) { self.0.svg.push(" ".into()); self.0.svg.push(name.into()); self.0.svg.push("=\"".into()); value(self.0); self.0.svg.push("\"".into()); } pub fn push(&mut self, name: impl Into, value: impl Into) { self.push_complex(name, move |renderer| renderer.svg.push(value.into())); } pub fn push_val(&mut self, value: impl Into) { self.0.svg.push(value.into()); } }