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.

/** 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 }),
)

/** 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' }),
)

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

/** Debug features */
filterManager.install(
  closet.recipes.debug(),
  closet.recipes.define({ tagname: 'def' }),
  closet.recipes.specification.hide({ tagname: 'spec' }),
)
<!--
[[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]]
-->