🥮 mooncakes.io

svg

MoonBit SVG eDSL

svg
Download zip
Author
Version
0.1.2
License
Apache-2.0
Repository
Last updated
11 months ago
Downloads
35

Dependencies

#SVG

A MoonBit SVG embedded Domain-Specific Language (eDSL) for generating SVG markup programmatically.

#Overview

This library provides a clean, type-safe way to generate SVG content in MoonBit. It offers:

  • Attribute handling through an enum-based approach (Key["value"])
  • Path generation utilities
  • SVG transformation functions
  • Easy composition with the + operator

#Installation

moon add CAIMEOX/svg

#Usage

// Create a red rectangle
let rect = @svg.rect([
  @svg.Width["100"],
  @svg.Height["50"],
  @svg.Fill["red"]
])

// Create a circle
let circle = @svg.circle([
  @svg.Cx["50"],
  @svg.Cy["50"],
  @svg.R["25"],
  @svg.Fill["blue"]
])

// Combine elements
let combined = rect + circle

Complete SVG Document

// Create a complete SVG document
fn create_svg() -> @svg.Element {
  let content = @svg.rect([@svg.Width["100%"], @svg.Height["100%"], @svg.Fill["#f0f0f0"]]) +
    @svg.circle([@svg.Cx["50%"], @svg.Cy["50%"], @svg.R["40%"], @svg.Fill["#3355cc"]])

  @svg.doc_type() +
    @svg.svg11(content).with_attr([
      @svg.Version["1.1"],
      @svg.Width["300"],
      @svg.Height["200"],
      @svg.ViewBox["0 0 100 100"]
    ])
}

#Path Construction

The library provides functions for SVG path data:

// Create a triangular path
let triangle = @svg.path([
  @svg.Fill["yellow"],
  @svg.Stroke["black"],
  @svg.StrokeWidth["2"],
  @svg.D[@svg.ma(10, 10) + @svg.la(50, 10) + @svg.la(30, 40) + @svg.z()]
])

#Comprehensive Example

Here's a more complete example that creates a simple logo:

fn sample_logo() -> @svg.Element {
  // Create multiple path elements to form a logo
  @svg.path([
    @svg.Fill["#3366CC"],
    @svg.D[@svg.ma(0, 50) + @svg.la(25, 0) + @svg.la(50, 50) + @svg.la(25, 100) + @svg.la(0, 50) + @svg.z()]
  ]) +
  @svg.path([
    @svg.Fill["#6633CC"],
    @svg.D[@svg.ma(50, 50) + @svg.la(75, 0) + @svg.la(100, 50) + @svg.la(75, 100) + @svg.la(50, 50) + @svg.z()]
  ]) +
  @svg.circle([
    @svg.Cx["50"],
    @svg.Cy["50"],
    @svg.R["15"],
    @svg.Fill["#CC3366"]
  ])
}

// Wrap with SVG document structure
fn create_logo_svg() -> @svg.Element {
  @svg.doc_type() +
  @svg.svg11(sample_logo()).with_attr([
    @svg.Version["1.1"],
    @svg.Width["200"],
    @svg.Height["200"],
    @svg.ViewBox["0 0 100 100"]
  ])
}

More examples can be found in the render_test.mbt file.

RealFloat

source
pub(open) trait RealFloat : 
Num + Show {
}

Attribute

source
type Attribute

impl Eq for Attribute
impl Hash for Attribute
impl Show for Attribute

Element

source
type Element

impl Add for Element
impl Show for Element

Element::doc_type

source
fn Element::doc_type(name : String) -> Element

Element::make

source
fn Element::make(self : Element, name : String) -> Element

Element::make_empty

source
fn Element::make_empty(name : String) -> Element

Element::new

source
fn Element::new(run : (
HashMap[String, String]) -> String) -> Element

Element::str

source
fn Element::str(str : String) -> Element

Element::svg11

source
fn Element::svg11(self : Element) -> Element

Element::with_attr

source
fn Element::with_attr(self : Element, attr : Array[Attribute]) -> Element

Tag

source
pub(all) enum Tag {
  AccentHeight
  Accumulate
  Additive
  AlignmentBaseline
  Alphabetic
  Amplitude
  ArabicForm
  Ascent
  AttributeName
  AttributeType
  Azimuth
  BaseFrequency
  Baseprofile
  BaselineShift
  Bbox
  Begin
  Bias
  By
  CalcMode
  CapHeight
  Class
  Clip
  ClipPath
  ClipRule
  ClipPathUnits
  Color
  ColorInterpolation
  ColorInterpolationFilters
  ColorProfile
  ColorRendering
  ContentScriptType
  ContentStyleType
  Cursor
  Cx
  Cy
  D
  Descent
  DiffuseConstant
  Direction
  Display
  Divisor
  DominantBaseline
  Dur
  Dx
  Dy
  EdgeMode
  Elevation
  EnableBackground
  End
  Exponent
  ExternalResourcesRequired
  Fill
  FillOpacity
  FillRule
  Filter
  FilterRes
  FilterUnits
  FloodColor
  FloodOpacity
  FontFamily
  FontSize
  FontSizeAdjust
  FontStretch
  FontStyle
  FontVariant
  FontWeight
  Format
  From
  Fx
  Fy
  G1
  G2
  GlyphName
  GlyphOrientationHorizontal
  GlyphOrientationVertical
  GradientTransform
  GradientUnits
  Hanging
  Height
  HorizAdvX
  HorizOriginX
  HorizOriginY
  Id
  Ideographic
  ImageRendering
  In
  In2
  Intercept
  K
  K1
  K2
  K3
  K4
  KernelMatrix
  KernelUnitLength
  Kerning
  KeyPoints
  KeySplines
  KeyTimes
  Lang
  LengthAdjust
  LetterSpacing
  LightingColor
  LimitingConeAngle
  Local
  MarkerEnd
  MarkerMid
  MarkerStart
  MarkerHeight
  MarkerUnits
  MarkerWidth
  MaskContentUnits
  MaskUnits
  Mathematical
  Max
  Media
  Method
  Min
  Mode
  Name
  NumOctaves
  Offset
  Onabort
  Onactivate
  Onbegin
  Onclick
  Onend
  Onerror
  Onfocusin
  Onfocusout
  Onload
  Onmousedown
  Onmousemove
  Onmouseout
  Onmouseover
  Onmouseup
  Onrepeat
  Onresize
  Onscroll
  Onunload
  Onzoom
  Opacity
  Operator
  Order
  Orient
  Orientation
  Origin
  Overflow
  OverlinePosition
  OverlineThickness
  Panose1
  PaintOrder
  Path
  PathLength
  PatternContentUnits
  PatternTransform
  PatternUnits
  PointerEvents
  Points
  PointsAtX
  PointsAtY
  PointsAtZ
  PreserveAlpha
  PreserveAspectRatio
  PrimitiveUnits
  R
  Radius
  RefX
  RefY
  RenderingIntent
  RepeatCount
  RepeatDur
  RequiredExtensions
  RequiredFeatures
  Restart
  Result
  Rotate
  Rx
  Ry
  Scale
  Seed
  ShapeRendering
  Slope
  Spacing
  SpecularConstant
  SpecularExponent
  SpreadMethod
  StartOffset
  StdDeviation
  Stemh
  Stemv
  StitchTiles
  StopColor
  StopOpacity
  StrikethroughPosition
  StrikethroughThickness
  String
  Stroke
  StrokeDasharray
  StrokeDashoffset
  StrokeLinecap
  StrokeLinejoin
  StrokeMiterlimit
  StrokeOpacity
  StrokeWidth
  Style
  SurfaceScale
  SystemLanguage
  TableValues
  Target
  TargetX
  TargetY
  TextAnchor
  TextDecoration
  TextRendering
  TextLength
  To
  Transform
  Type
  U1
  U2
  UnderlinePosition
  UnderlineThickness
  Unicode
  UnicodeBidi
  UnicodeRange
  UnitsPerEm
  VAlphabetic
  VHanging
  VIdeographic
  VMathematical
  Values
  Version
  VertAdvY
  VertOriginX
  VertOriginY
  ViewBox
  ViewTarget
  Visibility
  Width
  Widths
  WordSpacing
  WritingMode
  X
  XHeight
  X1
  X2
  XChannelSelector
  XlinkActuate
  XlinkArcrole
  XlinkHref
  XlinkRole
  XlinkShow
  XlinkTitle
  XlinkType
  XmlBase
  XmlLang
  XmlSpace
  Y
  Y1
  Y2
  YChannelselector
  Z
  ZoomAndPan
}

impl Eq for Tag
impl Hash for Tag
impl Show for Tag

Tag::op_get

source
fn Tag::op_get(self : Tag, att : String) -> Attribute

fn a(attrs : Array[Attribute], child? : Element) -> Element

a element

Arc (absolute)

animate

source
fn animate(attrs : Array[Attribute], child? : Element) -> Element

animate element

animateMotion

source
fn animateMotion(attrs : Array[Attribute], child? : Element) -> Element

animateMotion element

animateTransform

source
fn animateTransform(attrs : Array[Attribute], child? : Element) -> Element

animateTransform element

Arc (relative)

Cubic Bezier curve (absolute)

circle

source
fn circle(attrs : Array[Attribute], child? : Element) -> Element

circle element

clipPath

source
fn clipPath(attrs : Array[Attribute], child? : Element) -> Element

clipPath element or attribute

colorProfile

source
fn colorProfile(attrs : Array[Attribute], child? : Element) -> Element

color-profile element

Cubic Bezier curve (relative)

cursor

source
fn cursor(attrs : Array[Attribute], child? : Element) -> Element

cursor element

defs

source
fn defs(attrs : Array[Attribute], child? : Element) -> Element

defs element

desc

source
fn desc(attrs : Array[Attribute], child? : Element) -> Element

desc element

doc_type

source
fn doc_type() -> Element

SVG element creation functions

ellipse

source
fn ellipse(attrs : Array[Attribute], child? : Element) -> Element

ellipse element

feBlend

source
fn feBlend(attrs : Array[Attribute], child? : Element) -> Element

feBlend element

feColorMatrix

source
fn feColorMatrix(attrs : Array[Attribute], child? : Element) -> Element

feColorMatrix element

feComponentTransfer

source
fn feComponentTransfer(attrs : Array[Attribute], child? : Element) -> Element

feComponentTransfer element

feComposite

source
fn feComposite(attrs : Array[Attribute], child? : Element) -> Element

feComposite element

feConvolveMatrix

source
fn feConvolveMatrix(attrs : Array[Attribute], child? : Element) -> Element

feConvolveMatrix element

feDiffuseLighting

source
fn feDiffuseLighting(attrs : Array[Attribute], child? : Element) -> Element

feDiffuseLighting element

feDisplacementMap

source
fn feDisplacementMap(attrs : Array[Attribute], child? : Element) -> Element

feDisplacementMap element

feDistantLight

source
fn feDistantLight(attrs : Array[Attribute], child? : Element) -> Element

feDistantLight element

feFlood

source
fn feFlood(attrs : Array[Attribute], child? : Element) -> Element

feFlood element

feFuncA

source
fn feFuncA(attrs : Array[Attribute], child? : Element) -> Element

feFuncA element

feFuncB

source
fn feFuncB(attrs : Array[Attribute], child? : Element) -> Element

feFuncB element

feFuncG

source
fn feFuncG(attrs : Array[Attribute], child? : Element) -> Element

feFuncG element

feFuncR

source
fn feFuncR(attrs : Array[Attribute], child? : Element) -> Element

feFuncR element

feGaussianBlur

source
fn feGaussianBlur(attrs : Array[Attribute], child? : Element) -> Element

feGaussianBlur element

feImage

source
fn feImage(attrs : Array[Attribute], child? : Element) -> Element

feImage element

feMerge

source
fn feMerge(attrs : Array[Attribute], child? : Element) -> Element

feMerge element

feMergeNode

source
fn feMergeNode(attrs : Array[Attribute], child? : Element) -> Element

feMergeNode element

feMorphology

source
fn feMorphology(attrs : Array[Attribute], child? : Element) -> Element

feMorphology element

feOffset

source
fn feOffset(attrs : Array[Attribute], child? : Element) -> Element

feOffset element

fePointLight

source
fn fePointLight(attrs : Array[Attribute], child? : Element) -> Element

fePointLight element

feSpecularLighting

source
fn feSpecularLighting(attrs : Array[Attribute], child? : Element) -> Element

feSpecularLighting element

feSpotLight

source
fn feSpotLight(attrs : Array[Attribute], child? : Element) -> Element

feSpotLight element

feTile

source
fn feTile(attrs : Array[Attribute], child? : Element) -> Element

feTile element

feTurbulence

source
fn feTurbulence(attrs : Array[Attribute], child? : Element) -> Element

feTurbulence element

filter

source
fn filter(attrs : Array[Attribute], child? : Element) -> Element

filter element

font

source
fn font(attrs : Array[Attribute], child? : Element) -> Element

font element

fontFace

source
fn fontFace(attrs : Array[Attribute], child? : Element) -> Element

font-face element

fontFaceFormat

source
fn fontFaceFormat(attrs : Array[Attribute]) -> Element

font-face-format element

fontFaceName

source
fn fontFaceName(attrs : Array[Attribute]) -> Element

font-face-name element

fontFaceSrc

source
fn fontFaceSrc(attrs : Array[Attribute], child? : Element) -> Element

font-face-src element

fontFaceUri

source
fn fontFaceUri(attrs : Array[Attribute], child? : Element) -> Element

font-face-uri element

foreignObject

source
fn foreignObject(attrs : Array[Attribute], child? : Element) -> Element

foreignObject element
fn g(attrs : Array[Attribute], child? : Element) -> Element

g element

glyph

source
fn glyph(attrs : Array[Attribute], child? : Element) -> Element

glyph element or attribute

glyphRef

source
fn glyphRef(attrs : Array[Attribute]) -> Element

glyphRef element

horizontal lineto (absolute)

hkern

source
fn hkern(attrs : Array[Attribute]) -> Element

hkern element

horizontal lineto (relative)

image

source
fn image(attrs : Array[Attribute], child? : Element) -> Element

image element

lineto (absolute)

line

source
fn line(attrs : Array[Attribute], child? : Element) -> Element

line element

linearGradient

source
fn linearGradient(attrs : Array[Attribute], child? : Element) -> Element

linearGradient element

lineto (relative)

moveto (absolute)

marker

source
fn marker(attrs : Array[Attribute], child? : Element) -> Element

marker element

mask

source
fn mask(attrs : Array[Attribute], child? : Element) -> Element

mask element or attribute

matrix

source

Specifies a transform in the form of a transformation matrix

metadata

source
fn metadata(attrs : Array[Attribute], child? : Element) -> Element

metadata element

missingGlyph

source
fn missingGlyph(attrs : Array[Attribute], child? : Element) -> Element

missing-glyph element

mpath

source
fn mpath(attrs : Array[Attribute], child? : Element) -> Element

mpath element

moveto (relative)

new

source
fn new(attr : String, value : String) -> Attribute

path

source
fn path(attrs : Array[Attribute], child? : Element) -> Element

path element

pattern

source
fn pattern(attrs : Array[Attribute], child? : Element) -> Element

pattern element

polygon

source
fn polygon(attrs : Array[Attribute], child? : Element) -> Element

polygon element

polyline

source
fn polyline(attrs : Array[Attribute], child? : Element) -> Element

polyline element

Quadratic Bezier curve (absolute)

Quadratic Bezier curve (relative)

radialGradient

source
fn radialGradient(attrs : Array[Attribute], child? : Element) -> Element

radialGradient element

rect

source
fn rect(attrs : Array[Attribute], child? : Element) -> Element

rect element

rotate

source

Specifies a rotation by rotate-angle degrees

rotate_around

source

Specifies a rotation by rotate-angle degrees about the given point rx,ry

Smooth Cubic Bezier curve (absolute)

scale

source

Specifies a scale operation by x and y

script

source
fn script(attrs : Array[Attribute], child? : Element) -> Element

script element

set

source
fn set(attrs : Array[Attribute], child? : Element) -> Element

set element

skew_x

source

Skew transformation along x-axis

skew_y

source

Skew transformation along y-axis

Smooth Cubic Bezier curve (relative)

stop

source
fn stop(attrs : Array[Attribute], child? : Element) -> Element

stop element

style

source
fn style(attrs : Array[Attribute], child? : Element) -> Element

style element

svg

source
fn svg(attrs : Array[Attribute], child? : Element) -> Element

svg element

switch

source
fn switch(attrs : Array[Attribute], child? : Element) -> Element

switch element

symbol

source
fn symbol(attrs : Array[Attribute], child? : Element) -> Element

symbol element

Smooth Quadratic Bezier curve (absolute)

term

source
fn term(name : String, arr : Array[Attribute], child? : Element) -> Element

text

source
fn text(attrs : Array[Attribute], child? : Element) -> Element

text element

textPath

source
fn textPath(attrs : Array[Attribute], child? : Element) -> Element

textPath element

title

source
fn title(attrs : Array[Attribute], child? : Element) -> Element

title element

Smooth Quadratic Bezier curve (relative)

translate

source

SVG Transform components Specifies a translation by x and y

tref

source
fn tref(attrs : Array[Attribute], child? : Element) -> Element

tref element

tspan

source
fn tspan(attrs : Array[Attribute], child? : Element) -> Element

tspan element

use_

source
fn use_(attrs : Array[Attribute], child? : Element) -> Element

use element

vertical lineto (absolute)

view

source
fn view(attrs : Array[Attribute], child? : Element) -> Element

view element

vkern

source
fn vkern(attrs : Array[Attribute]) -> Element

vkern element

vertical lineto (relative)
fn z() -> String

closepath

Source Files

Powered by MoonBit

Site sourceReport issuePackagesBuild queueSkillsStatistics

© 2026 mooncakes.io