Link Search Menu Expand Document

Occlusions without context

Table of contents

  1. Occlusions without context

Occlusions without context

This is a different concept for displaying occlusions dubbed “occlusions without context”. It will completely obscure the image for the front, and highlight the intended section for the back. It can be useful for things like formula tables.

/** Picking and Evaluation */
filterManager.install(
  closet.recipes.pick({ tagname: 'pick' }),
  closet.recipes.pickIndex({ tagname: 'pi' }),
  closet.recipes.pickCardNumber({ tagname: 'sel' }),
)

/** Definining lists */
filterManager.install(
  closet.recipes.setList({ tagname: 'setl' }),
)

/** Debug features */
filterManager.install(
  closet.recipes.debug(),
  closet.recipes.define({ tagname: 'def' }),
  closet.recipes.specification.hide({ tagname: 'spec' }),
)

/** Default cloze */
filterManager.install(
  closet.recipes.cloze.show({ tagname: 'c' }),
  closet.recipes.cloze.hide({ tagname: 'ch' }),
  closet.recipes.cloze.reveal({ tagname: 'cr' }),
)

/** Occlusions with highlighting border */
const backProperties = {
  fill: 'transparent',
  strokeWidth: '2px',
  stroke: 'red',
}

filterManager.install(
  closet.browser.recipes.rect.show({ tagname: 'rect', backProperties }),
  closet.browser.recipes.rect.reveal({ tagname: 'rectr', backProperties }),
  closet.browser.recipes.rect.hide({ tagname: 'recth', backProperties }),
)
<!--
[[spec1::[[setl::q::Distance Formula]]]]
[[spec2::[[setl::q::Midpoint Formula]]]]
[[spec3::[[setl::q::Slope Formula]]]]
-->What is the [[pi::q]]?
[[c0::<img src="/assets/images/formulas.png" />]]
<!--
[[rect1::120,106,614,58]]
[[rect2::120,190,614,91]]
[[rect3::120,320,614,94]]
-->