#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#' Create an SVG dot pattern
#'
#' Create an SVG pattern which will \code{fill} an element with dots.
#'
#' @inheritParams create_pattern_stripe
#'
#' @return minisvg::SVGPattern object
#'
#' @import minisvg
#' @import glue
#' @export
#'
#'
#' @examples
#' \dontrun{
#' # Create an SVG document
#' library(minisvg)
#' doc <- minisvg::svg_doc()
#'
#' # Create the pattern and add to the SVG definitions
#' my_pattern <- create_pattern_dot(id = 'mypattern')
#' doc$defs(my_pattern)
#'
#' # Create a rectangle with the animation
#' rect <- stag$rect(
#' x = "10%",
#' y = "10%",
#' width = "80%",
#' height = "80%",
#' stroke = 'black',
#' fill = my_pattern
#' )
#'
#' # Add this rectangle to the document, show the SVG text, then render it
#' doc$append(rect)
#' doc
#' doc$show()
#' }
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
create_pattern_dot <- function(id,
angle = 45,
spacing = 20,
fill_fraction = 0.2,
alpha = 1.0,
fg_alpha = 1.0,
colour = '#000000',
...) {
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
# convert fill_fraction into a radius
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
spacing <- max(spacing, 5)
radius <- fill_fraction * spacing / 2.1
rect_style <- glue::glue('fill:#ffffff; fill-opacity:{alpha}; stroke:none;')
inner_style <- glue::glue('stroke:{colour}; fill:{colour}; fill-opacity:{fg_alpha}; stroke-opacity:{fg_alpha};')
pattern <- minisvg::svg_pattern(
id = id,
width = spacing,
height = spacing,
patternTransform = glue::glue('rotate({angle} 0 0)'),
patternUnits = 'userSpaceOnUse',
minisvg::stag$rect(
width = '100%',
height = '100%',
style = rect_style
),
minisvg::stag$circle(
cx = round(spacing/2, 2),
cy = round(spacing/2, 2),
r = round(radius , 2),
style = inner_style
)
)
pattern
}
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.