| Height | Width | Display Size |
|
6.6ft
|
2.8ft | 2.8×6.6ft
(85x200cm) |
| 3.3ft | 3.3×6.6ft
(100x200cm) |
|
| 6.6ft | 6.6×6.6ft
(200x200cm) |
|
| 10ft | 10×6.6ft
(300x200cm) |
|
| 13ft | 13×6.6ft
(400x200cm) |
|
| 16.4ft | 16.4×6.6ft
(500x200cm) |
|
| 20ft | 20×6.6ft
(600x200cm) |
| Height | Width | Display Size |
|
7.4ft
|
2.8ft | 2.8×7.4ft
(85x225cm) |
| 3.3ft | 3.3×7.4ft
(100x225cm) |
|
| 6.6ft | 6.6×7.4ft
(200x225cm) |
|
| 10ft | 10×7.4ft
(300x225cm) |
|
| 13ft | 13×7.4ft
(400x225cm) |
|
| 16.4ft | 16.4×7.4ft
(500x225cm) |
|
| 20ft | 20×7.4ft
(600x225cm) |
| Height | Width | Display Size |
|
8.2ft
|
2.8ft | 2.8×8.2ft
(85x250cm) |
| 3.3ft | 3.3×8.2ft
(100x250cm) |
|
| 6.6ft | 6.6×8.2ft
(200x250cm) |
|
| 10ft | 10×8.2ft
(300x250cm) |
|
| 13ft | 13×8.2ft
(400x250cm) |
|
| 16.4ft | 16.4×8.2ft
(500x250cm) |
|
| 20ft | 20×8.2ft
(600x250cm) |
const containerWidth = 600
const containerHeight = 246
const heightList = [6.6, 7.4, 8.2]
const widthList = [2.8, 3.3, 6.6, 10, 13, 16.4, 20]
const maxHeight = heightList[heightList.length - 1]
const maxWidth = widthList[widthList.length - 1]
let gridBox = document.getElementById('grid-box')
for (let x = 0; x < widthList.length; x++) { for (let y = 0; y < heightList.length; y++) { let index = heightList.length * x + y // 第几个元素 console.log(x, y, index) appendBox(index, ((widthList.length * heightList.length) - index), x, y) } } function appendBox(index, zIndex, xIndex, yIndex) { let wPer = widthList[xIndex] / maxWidth let width = (containerWidth * wPer).toFixed(0) let hPer = heightList[yIndex] / maxHeight let height = (containerHeight * hPer).toFixed(0) createTopBox(index, width, height, zIndex) createCenterBox(index, width, height, zIndex, xIndex, yIndex) createBottomBox(index, width, height, zIndex, xIndex, yIndex) } function createBottomBox(index, width, height, zIndex, xIndex, yIndex) { var bottomBox = document.createElement('div'); bottomBox.className='box' bottomBox.id = 'bottomBox' + index bottomBox.style.position = 'absolute' bottomBox.style.left = '0' bottomBox.style.bottom = '0' bottomBox.style.width = width + 'px' bottomBox.style.height = height + 'px' bottomBox.style.zIndex = zIndex // 添加边框和标尺 if (xIndex === widthList.length - 1) { var textBox = document.createElement('div'); textBox.style.position = 'absolute' textBox.style.top = '0' textBox.style.left = '-20px' textBox.innerText = heightList[yIndex] textBox.style.fontSize = '10px' textBox.style.fontWeight = 'Bold' textBox.style.lineHeight = '10px' textBox.style.color = yIndex%2===0 ? '#092235' : '#d52e2e' bottomBox.appendChild(textBox) bottomBox.style.borderTop = '1px solid #979797' if (yIndex === 0) { bottomBox.style.borderBottom = '1px solid #979797' } } if (yIndex === heightList.length - 1) { var textBox = document.createElement('div'); textBox.style.position = 'absolute' textBox.style.bottom = '-15px' textBox.style.right = '0' textBox.innerText = widthList[xIndex] textBox.style.fontSize = '10px' textBox.style.fontWeight = 'Bold' textBox.style.lineHeight = '10px' textBox.style.color = xIndex%2===0 ? '#092235' : '#d52e2e' bottomBox.appendChild(textBox) bottomBox.style.borderRight = '1px solid #979797' if (xIndex === 0) { bottomBox.style.borderLeft = '1px solid #979797' } } gridBox.appendChild(bottomBox) return bottomBox } function createCenterBox(index, width, height, zIndex, xIndex, yIndex) { var centerBox = document.createElement('div'); centerBox.id = 'centerBox' + index centerBox.style.position = 'absolute' centerBox.style.left = '0' centerBox.style.bottom = '0' centerBox.style.width = width + 'px' centerBox.style.height = height + 'px' centerBox.style.zIndex = 1000 + zIndex centerBox.style.backgroundColor = '#e9ecff' centerBox.style.border = '2px solid #103FC3' centerBox.style.display = 'none' centerBox.style.justifyContent = 'center' centerBox.style.alignItems = 'center' centerBox.style.boxSizing = 'border-box' var textBox = document.createElement('div'); textBox.innerText = widthList[xIndex] + 'ft*' + heightList[yIndex] + 'ft' centerBox.appendChild(textBox) gridBox.appendChild(centerBox) return centerBox } function createTopBox(index, width, height, zIndex) { var topBox = document.createElement('div'); topBox.id = 'topBox' + index topBox.style.position = 'absolute' topBox.style.left = '0' topBox.style.bottom = '0' topBox.style.width = width + 'px' topBox.style.height = height + 'px' topBox.style.zIndex = 10000 + zIndex topBox.addEventListener('mouseover', () => {
console.log(index)
document.getElementById('centerBox' + index).style.display = 'flex'
})
topBox.addEventListener('mouseout', () => {
document.getElementById('centerBox' + index).style.display = 'none'
})
gridBox.appendChild(topBox)
return topBox
}
Artwork Requirements
Artwork must be created using the provided templates.
1. Acceptable file types include PDF, AI, EPS, PSD, PNG, TIF, TIFF, JPG, and SVG, among which
AI and PDF are highly recommended.
2. Files must be the same exact size as what is
ordered.
3. The maximum size of the file should be 200M. If you have much larger
files, please contact our customer service representatives.
4. Please review the artwork specification before uploading your file. We will not be responsible for the delayed orders due to artwork that cannot meet the provided requirements.
Notice: For the custom size products, you can just upload your artwork when placing order and our artwork person will help you set up the template.
Production Time
4 turnaround options available to fit your different needs:
1 Day Rush Order, 2 Days Fast Order, 3 Days Standard Order, 4 Days Economy Order.
(*production time shall be calculated from artwork being approved).
Delivery Time
From China to the US: About 2-5 Working Days
From China to Australia: About 2-5 Working Days
From China to Canada: About 2-5 Working Days
If you or your clients do not receive products within the scheduled delivery time, you can contact our customer service reps for help.












Reviews
There are no reviews yet.