Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make highlight opacity and blend mode configurable

Browse Source
This commit is contained in:
John Factotum
2023-10-13 17:42:04 +08:00
parent d44e8d6d64
commit 28873972ef
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
overlayer.js
+2 -1
View File
@@ -127,7 +127,8 @@ export class Overlayer {
const { color = 'red' } = options const { color = 'red' } = options
const g = createSVGElement('g') const g = createSVGElement('g')
g.setAttribute('fill', color) g.setAttribute('fill', color)
g.setAttribute('fill-opacity', .3) g.style.opacity = `var(--overlayer-highlight-opacity, .3)`
g.style.mixBlendMode = `var(--overlayer-highlight-blend-mode, normal)`
for (const { left, top, height, width } of rects) { for (const { left, top, height, width } of rects) {
const el = createSVGElement('rect') const el = createSVGElement('rect')
el.setAttribute('x', left) el.setAttribute('x', left)