Giter Club home page Giter Club logo

canvas-frame's People

Contributors

greenimp avatar

Stargazers

 avatar

Watchers

 avatar  avatar

canvas-frame's Issues

Photo Position

Originally reported by: Lee Langley (Bitbucket: LeeLangleyRees, GitHub: Unknown)


Photos need to be positioned correctly within the frame.
Currently they are are centered, which is fine if only one photo is used, but for multiple photos we need to determine where to place each one relative to its row and the width of other photos on the row.


Mount Layers

Originally reported by: Lee Langley (Bitbucket: LeeLangleyRees, GitHub: Unknown)


We may have to enable multiple mounts, layered on top of each other.

These would be visible around the images in a 'step' fashion, with a customisable gap between each layer.

I'm not sure if this is required or not, so will wait before implementing.


Frame drop-shadow/depth

Originally reported by: Lee Langley (Bitbucket: LeeLangleyRees, GitHub: Unknown)


I need to add some depth to the frame.
Using css drop-shadow on the canvas element doesn't seem too feasible, as the frame doesn't always take up the exact size of the canvas.

I could potentially draw the drop-shadow on the canvas, but then it will take up canvas space and extra processing time.


Frame Width

Originally reported by: Lee Langley (Bitbucket: LeeLangleyRees, GitHub: Unknown)


The frame width (width of the actual frame rim, not the entire thing), needs to be relative to the chosen frame thickness (ie; 1inch = 10px). That way, we can relatively resize the frame.

Perhaps using a scale, rather than inch:pixel ratio, so that everything always fits on the canvas.
Or perhaps both.

Basically, frame rim width needs to visually correspond to the actual width of the frame. At the same time, the frame should take up the entire width/height of the canvas (without getting cropped), so it will need to shrink/grow to fit proportionally.


Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.