| | |
| | | elements.forEach(element => { |
| | | element.left = element.left * ratio |
| | | element.top = element.top * ratio |
| | | element.oriwidth = element.width |
| | | element.oriheight = element.height |
| | | element.width = element.width * ratio |
| | | element.height = element.height * ratio |
| | | |
| | |
| | | element.imgHeight = element.imgHeight * ratio |
| | | } |
| | | }) |
| | | |
| | | return new Promise(resolve => { |
| | | this.sketchothers(context, elements, selectId, ratio, resolve) |
| | | }) |
| | |
| | | } |
| | | |
| | | if (selectId === element.uuid) { // 选中元素,设置外部阴影 |
| | | context.shadowBlur = 10 |
| | | context.shadowColor = '#757575' |
| | | context.shadowBlur = 5 |
| | | context.shadowColor = '#1890ff' |
| | | context.fillStyle = 'white' |
| | | context.fillRect(element.left, element.top, element.width, element.height) |
| | | context.fillRect(element.left, element.top, element.width || 1, element.height || 1) |
| | | context.shadowBlur = 0 |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | // 设置背景色 |
| | | if (element.background && element.background !== 'white') { |
| | | if (!element.borderSize && (element.oriwidth === 1 || element.oriheight === 1)) { // 线 |
| | | context.strokeStyle = element.background |
| | | context.beginPath() |
| | | if (element.oriwidth === 1) { |
| | | context.moveTo(element.left, element.top) |
| | | context.lineTo(element.left, element.top + element.height) |
| | | } else { |
| | | context.moveTo(element.left, element.top + element.height) |
| | | context.lineTo(element.left + element.width, element.top + element.height) |
| | | } |
| | | context.stroke() |
| | | } else if (element.background && element.background !== 'white') { |
| | | context.fillStyle = element.background |
| | | context.fillRect(element.left, element.top, element.width, element.height) |
| | | } |
| | | |
| | | if (selectId === element.uuid && element.width > 3 * ratio && element.height > 3 * ratio) { // 选中元素,设置外部阴影 |
| | | context.strokeStyle = 'black' |
| | | context.strokeStyle = '#1890ff' |
| | | context.beginPath() |
| | | context.moveTo(element.left + element.width - 7, element.top + element.height - 2) |
| | | context.lineTo(element.left + element.width - 2, element.top + element.height - 7) |