### Los Angeles

We had the best time playing at Venice Beach!

### New York

The atmosphere in New York is lorem ipsum.

### Chicago

Thank you, Chicago - A night we won't forget.

## I WAS FRAMED

We love framing!

Congratulations! If you are seeing this, then you have successfully installed this calculator application. Or if you're on Heroku - welcome as well!

Picture Matting

Calculators

API

## DOCUMENTATION

How to use this application.

• Introduction:This application should be used in conjunction with a Logan® 450-1 Artist Elite Mat Cutter. The calculator streamlines the mathematics by calculating precisely where to place the parallel mat guide for cutting the mat's border widths and heights to the appropriate size. I Was Framed Picture Framing and Matting Border Calculator assists amateurs and hobbyists to make the necessary calculations for any project. All user inputs must be made using inches (").

SINGLE MAT

• Step 1:Enter the Frame Width.
• Step 2:Enter the Frame Height.
• Step 3:Enter the Picture Width.
• Step 4:Enter the Picture Height.
• Step 5:Determine how much you want the mat to overlap the picture. Enter the Mat Overlap.
• Step 6:Click the Calculate button.
• Step 7:The calculated figures (width and height) are the inches where you place the parallel mat guide to draw your lines for the cut. This is represented by the 6" ruler found in between the aluminum channels which slides the parallel mat guide:

• Step 7:Make your cut.

DOUBLE MAT

• Step 1:Enter the Frame Width.
• Step 2:Enter the Frame Height.
• Step 3:Enter the Picture Width.
• Step 4:Enter the Picture Height.
• Step 5:Determine how much you want the mat to overlap the picture. The Bottom Mat becomes the Mat Overlap. Enter the Bottom Mat.
• Step 6:Click the Calculate button.
• Step 7:The calculated figures (width and height) are the inches where you place the parallel mat guide to draw your lines for the cut. This is represented by the 6" ruler found in between the aluminum channels which slides the parallel mat guide:

• Step 7:Make your cut.

TRIPLE MAT

• Step 1:Enter the Frame Width.
• Step 2:Enter the Frame Height.
• Step 3:Enter the Picture Width.
• Step 4:Enter the Picture Height.
• Step 5:Enter the Middle Mat.
• Step 6:Determine how much you want the mat to overlap the picture. The Bottom Mat becomes the Mat Overlap. Enter the Bottom Mat.
• Step 7:The calculated figures (width and height) are the inches where you place the parallel mat guide to draw your lines for the cut. This is represented by the 6" ruler found in between the aluminum channels which slides the parallel mat guide:

• Step 8:Make your cut.

## MATH EQUATIONS

Presented to you are the manual mathematical equations to determine the cuts for Single Mat, Double Mat, and Triple Mat respectively.

Single Mat Equations

These are the equations for the "Single Mat" cut.

• $w=\mathrm{Width}$
• $h=\mathrm{Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$
• $o=\mathrm{Mat Overlap}$

$w=\frac{1}{2}\left({h}_{f}-{h}_{p}+o\right)$

$h=\frac{1}{2}\left({w}_{f}-{w}_{p}+o\right)$

Double Mat Equations

These are the equations for the "Top Mat" cut.

• ${w}_{t}=\mathrm{Top Mat Width}$
• ${h}_{t}=\mathrm{Top Mat Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$

${w}_{t}=\frac{\left({h}_{f}-{h}_{p}\right)}{2}$

${h}_{t}=\frac{\left({w}_{f}-{w}_{p}\right)}{2}$

These are the equations for the "Bottom Mat" cut.

• ${w}_{b}=\mathrm{Bottom Mat Width}$
• ${h}_{b}=\mathrm{Bottom Mat Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$
• ${m}_{b}=\mathrm{Bottom Mat}$

${w}_{b}=\frac{\left({h}_{f}-{h}_{p}\right)}{2}+{m}_{b}$

${h}_{b}=\frac{\left({w}_{f}-{w}_{p}\right)}{2}+{m}_{b}$

Triple Mat Equations

These are the equations for the "Top Mat" cut.

• ${w}_{t}=\mathrm{Width}$
• ${h}_{t}=\mathrm{Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$
• ${m}_{m}=\mathrm{Middle Mat}$

${w}_{t}=\frac{\left({h}_{f}-{h}_{p}\right)}{2}-{m}_{m}$

${h}_{t}=\frac{\left({w}_{f}-{w}_{p}\right)}{2}-{m}_{m}$

These are the equations for the "Middle Mat" cut.

• ${w}_{m}=\mathrm{Middle Mat Width}$
• ${h}_{m}=\mathrm{Middle Mat Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$

${w}_{m}=\frac{\left({h}_{f}-{h}_{p}\right)}{2}$

${h}_{m}=\frac{\left({w}_{f}-{w}_{p}\right)}{2}$

These are the equations for the "Bottom Mat" cut.

• ${w}_{b}=\mathrm{Bottom Mat Width}$
• ${h}_{b}=\mathrm{Bottom Mat Height}$
• ${w}_{f}=\mathrm{Frame Width}$
• ${h}_{f}=\mathrm{Frame Height}$
• ${w}_{p}=\mathrm{Picture Width}$
• ${h}_{p}=\mathrm{Picture Height}$
• ${m}_{b}=\mathrm{Bottom Mat}$

${w}_{b}=\frac{\left({h}_{f}-{h}_{p}\right)}{2}+{m}_{b}$

${h}_{b}=\frac{\left({w}_{f}-{w}_{p}\right)}{2}+{m}_{b}$

## API

Application Programming Interface

• Getting Started: Download your favorite REST API Client. A REpresentational State Transfer client is one of three components of the REST client-server web application architecture. The three components are the client application, the APIs, which ferry information back and forth between the client application and the web server, and the server upon which the data resides.

For your convenience, you can choose a client from this list:

The below example will be done using Postman.

• Route:If you've downloaded the application to use on your local machine, then enter the following into your client:
localhost:4000/api/calculator
• JSON: This is the JSON format to use the API calculator. 'Value' is simply replaced with a number.

{
"FrameWidth": value,
"FrameWidthFraction": value,
"FrameHeight": value,
"FrameHeightFraction": value,
"PictureWidth": value,
"PictureWidthFraction": value,
"PictureHeight": value,
"PictureHeightFraction": value,
"MatOverlap": value
}


This is perhaps an idea which you may have for your project:

• Frame Size: 16" X 20"
• Picture Size: 11" X 17"
• Mat Overlap: 1/2"
The 'value' where a '..Fraction' is requested - a decimal is required, so 1/2" becomes 0.5. Therefore, the POST request using raw JSON looks like this:

{
"FrameWidth": 16,
"FrameWidthFraction": 0,
"FrameHeight": 20,
"FrameHeightFraction": 0,
"PictureWidth": 11,
"PictureWidthFraction": 0,
"PictureHeight": 17,
"PictureHeightFraction": 0,
"MatOverlap": 0.5
}

• Response:The response of the POST request is:
Width = 2 3/4", Height = 1 3/4"

## CALCULATORS

Please choose by number of matboards.

• September Sold out

Single Mat

Fri 27 Nov 2016

Please review the single mat documents before you begin.

Double Mat

Sat 28 Nov 2016

Please review the double mat documents before you begin.

Triple Mat

Sun 29 Nov 2016

Please review the triple mat documents before you begin.

Need help?

## CONTACT

Drop a note!

California, US
Phone: +1 (559) 429-5413
Email: contact@iwasframed.com

Need help?

Need help?

MAT