To generate basic svg shapes withotut using svg tiddlers or icons, colored independently of TW svg themeing, for inserting into tiddlers or using as custom bullet points– see example list widgets below.
Polygons and similiar uniform symmetrical shapes like stars could be macrofied. To make into macros, copy each definiton, paste into individual tiddlers litle them as fits your TW's title naming convention and tag them $:/tags/Macro Still to be done: applying TW button and/or svg classes – leaving color parameter of macro empty and having a tc class parameter should apply TW icon colors CIRCLE MACRO: \define circlesvg(width,radius,color) <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 $width$ $width$" width= $width$> <circle cx=$radius$ cy=$radius$ r=$radius$ fill=$color$ stroke="none"/> </svg> \end actual macro <<circlesvg "40" "20" "cyan">> - format circlesvg "total width" "half the total width (for radius of the circle)" "color" – * all numbers are pixels, color is html color name* SQUARE MACRO: \define squaresvg(width,color) <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 $width$ $width$" width= $width$> <rect x="0" y="0" width=$width$ height=$width$ fill=$color$ stroke="none"/> </svg> \end actual macro <<squaresvg "40" "cyan">> - format squaresvg "width/height" "color" – * all numbers are pixels, color is html color name* RECTANGLE MACRO: \define rectanglesvg(width,height,color) <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 $width$ $height$" width =$width$> <rect x="0" y="0" width=$width$ height=$height$ fill=$color$ stroke="none"/> </svg> \end actual macro <<rectanglesvg "40" "20" "cyan">> - format rectanglesvg "width" "height" "color" – * all numbers are pixels, color is html color name* OVAL MACRO: \define ovalsvg(width,height,ovalhalfW,ovalhalfH,color) <svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 $width$ $height$" width =$width$> <ellipse cx="$ovalhalfW$" cy=$ovalhalfH$ rx=$ovalhalfW$ ry=$ovalhalfH$ fill=$color$ stroke="none"/> </svg> \end actual macro <<ovalsvg "40" "20" "20" "10" "cyan">> - format ovalsvg "total wifth" "total height" "half width" "half height" "color" – * all numbers are pixels, color is html color name* -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/694d0223-6b94-4d78-b7e8-ab614cda9477%40googlegroups.com.
circle svg macro.tid
Description: Binary data
