|
| 1 | +====== Proposal CSS Masking ====== |
| 2 | + |
| 3 | +---- dataentry ---- |
| 4 | +Spec_tags : css-masking # in alpha order; or "none" |
| 5 | +Owner_tags : dschulze # Who's driving the discussion? |
| 6 | +Status_tags : Open # [ Open | Resolved | Closed | Pending ] [, Urgent]? |
| 7 | +Added_dt : 2012-08-28 # Date added as WG discussion request |
| 8 | + |
| 9 | +Action : Resolve to continue on ED # Or, if Pending, pending what? |
| 10 | + # Some Examples: |
| 11 | +# Action : Pick A, B, or C? |
| 12 | +# Action : Approve the proposal? |
| 13 | +# Action : Discuss problem and provide direction? |
| 14 | +# Action : Help research needed info! |
| 15 | +# Action : Help write proposals! |
| 16 | +# Action : Give feedback! |
| 17 | +# Action : Publish FPWD/WD/LC/CR/PR/REC! |
| 18 | + |
| 19 | +Issue_urls : http://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html |
| 20 | +Proposal_urls : |
| 21 | +Agenda_urls : # If this is part of an ordered series of related topics, e.g. LC issues, use this to link to the supertopic agenda |
| 22 | +---- |
| 23 | + |
| 24 | +=== Background === |
| 25 | + |
| 26 | +The CSS WG and the SVG WG decided to work on a CSS Masking specification in the FXTF. The CSS WG did not decide if the specification should specify the current behavior of browsers: |
| 27 | + * 'mask' as a shorthand for 'mask-image' and other properties deriving from 'background' and 'mask-box-image' as shorthand for properties deriving from 'border-image' (WebKit) |
| 28 | + * 'mask' that takes a <funcIRI> to a 'mask' element to mask arbitrary HTML and SVG content (Firefox) |
| 29 | + * 'clip-path' that takes a <funcIRI> to a 'clipPath' element to clip arbitrary HTML and SVG content (Firefox) |
| 30 | + |
| 31 | +Further more the new specification unifies both implementations and extends 'clip-path' to take <shape>s from CSS Exclusions as shorthand for clipping beside <funcIRI>. |
| 32 | + |
| 33 | +The CSS WG needs to decide if we continue with the current specification. |
| 34 | + |
| 35 | +=== Problem Statement === |
| 36 | + |
| 37 | + * Are all properties needed? In question: 'mask-origin', 'mask-attachment' and 'mask-clip'. |
| 38 | + * Masking/Clipping on Firefox operates on 'bounding client rect', 'mask-image' on WebKit operate on 'border-box', 'content-box' and 'padding-box'. Both behaviors are reasonable. |
| 39 | + * select() and child are new functions/keywords requested by the SVG WG. The sense in the HTML world depends on the definition. |
0 commit comments