🥮 mooncakes.io

svg

MoonBit SVG eDSL

svg
moon add CAIMEOX/svg@0.1.2
Download zip
Author
Version
0.1.2
License
Apache-2.0
Repository
Last updated
10 months ago
Downloads
33

Dependencies

README

#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