| <html> | |
| <body> | |
| <svg width="100%" height="250" xmlns="http://www.w3.org/2000/svg"> | |
| <foreignObject id="fixed-panel" width="100" height="100%"> | |
| <svg width="100" xmlns="http://www.w3.org/2000/svg"> | |
| <rect x="0" y="0" width="100" height="100%" fill="#fcc" rx="5" ry="5"/> | |
| <text x="5%" y ="25" width="100" fill="#333">fixed width</text> | |
| </svg> | |
| </foreignObject> | |
| <foreignObject id="flex-panel" width="100%" height="100%" style="padding-left:100px;"> |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| Usage: | |
| "kdu_compress ... | |
| -i <file 1>[*<copies>@<size>],... {see also `-fprec' & `-icrop'} | |
| One or more input files. If multiple files are provided, they must be | |
| separated by commas. Any spaces will be treated as part of the file | |
| name. If any filename contains the optional "*<copies>@<size>" suffix, | |
| that file actually contributes <copies> inputs, where the k'th copy | |
| starts (k-1)*<size> bytes into the file; this is most useful for raw | |
| files, allowing a single raw file to contribute multiple image | |
| components. |