diff --git a/client/icons/customIcons.less b/client/icons/customIcons.less index 28cbcdf24..56d9a04c7 100644 --- a/client/icons/customIcons.less +++ b/client/icons/customIcons.less @@ -31,6 +31,9 @@ .mask-corner { content: url('../icons/mask-corner.svg'); } +.mask-center { + content: url('../icons/mask-center.svg'); +} .fa-file-c { content: url('../icons/fa-file-c.svg'); } diff --git a/client/icons/mask-center.svg b/client/icons/mask-center.svg new file mode 100644 index 000000000..393879410 --- /dev/null +++ b/client/icons/mask-center.svg @@ -0,0 +1 @@ +mask-center \ No newline at end of file diff --git a/themes/V3/Blank/snippets.js b/themes/V3/Blank/snippets.js index 33b819057..9d64496c3 100644 --- a/themes/V3/Blank/snippets.js +++ b/themes/V3/Blank/snippets.js @@ -101,6 +101,12 @@ module.exports = [ icon : 'fas fa-fill-drip', gen : WatercolorGen, }, + { + name : 'Watercolor Center', + icon : 'fac mask-center', + gen : ImageMaskGen.center, + experimental : true, + }, { name : 'Watercolor Edge', icon : 'fac mask-edge', diff --git a/themes/V3/Blank/snippets/imageMask.gen.js b/themes/V3/Blank/snippets/imageMask.gen.js index 5c6193a05..6d5ac026b 100644 --- a/themes/V3/Blank/snippets/imageMask.gen.js +++ b/themes/V3/Blank/snippets/imageMask.gen.js @@ -2,6 +2,15 @@ const _ = require('lodash'); const dedent = require('dedent-tabs').default; module.exports = { + center :()=>{ + return dedent` + {{imageMaskCenter${_.random(1, 10)},--offsetX:0cm,--offsetY:0cm,--rotation:0; + ![](https://i.imgur.com/GZfjDWV.png){height:100%} + }} + \n\n`; + }, + edge : (side = 'bottom')=>{ const rotation = { 'bottom' : 0, @@ -21,7 +30,7 @@ module.exports = { const offsetX = (x == 'left' ? '-50%' : '50%'); const offsetY = (y == 'top' ? '50%' : '-50%'); return dedent` - {{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0 + {{imageMaskCorner${_.random(1, 37)},--offsetX:${offsetX},--offsetY:${offsetY},--rotation:0deg ![](https://i.imgur.com/GZfjDWV.png){height:100%} }}