eddiemachete / em-ui-quadrant Goto Github PK

Now that the performance experiments are complete, replace EMImageViewerCanvas with EMImageViewerCanvas2 and remove the second file.

• ReplaceEMImageViewerCanvas
• Remove EMImageViewerCanvas2
• Update unit tests and cleanup code

Quadrant is a component that allows viewing very large images in a way that makes download fast and efficient. The initial project was started as a Google Polymer component. Given the platform has evolved to the point Polymer is no longer needed, it is needed now to upgrade the component architecture and use TypeScript and custom elements instead.

Add methods to move cells around to create the effect of infinite movement when viewing an image.

• Add left column
• Add right column
• Add top row
• Add bottom row

for each row
child = removeChild(lastChild)
child.src = ''
prepend(child)

fore each row
child = removeChild(firstChild)
child.src = ''
append(child)

Use story book for development and documentation of the component.

• Install Story Book
• Add CDN static Storybook folder to serve images
• Add Image Canvas story