222
This commit is contained in:
parent
5adfc94746
commit
1025a0e26e
|
|
@ -163,18 +163,19 @@ watch(dialogVisible, (val) => {
|
|||
|
||||
const initCanvas = async () => {
|
||||
if (!canvas.value || !canvasWrapper.value) return
|
||||
|
||||
console.log('记载');
|
||||
imageLoading.value = true
|
||||
imageLoadError.value = false
|
||||
|
||||
try {
|
||||
const img = new Image()
|
||||
img.crossOrigin = 'anonymous'
|
||||
const objectURL = await fetchImage(props.imageUrl)
|
||||
|
||||
await new Promise((resolve, reject) => {
|
||||
img.onload = () => resolve()
|
||||
img.onerror = () => reject(new Error('Failed to load image'))
|
||||
img.src = props.imageUrl
|
||||
img.src = objectURL
|
||||
})
|
||||
|
||||
const canvasEl = canvas.value
|
||||
|
|
@ -294,7 +295,19 @@ const handleTouchStart = (e) => {
|
|||
lastY = coords.y
|
||||
isDrawing.value = true
|
||||
}
|
||||
|
||||
async function fetchImage(url) {
|
||||
const cacheBusterUrl = url + '?v=1.0.0';
|
||||
const response = await fetch(cacheBusterUrl, {
|
||||
method: 'GET',
|
||||
mode: 'cors',
|
||||
credentials: 'omit',
|
||||
cache: 'no-cache'
|
||||
});
|
||||
const blob = await response.blob();
|
||||
const imgurl = URL.createObjectURL(blob);
|
||||
console.log(imgurl,'imgurlimgurlimgurl');
|
||||
return imgurl;
|
||||
}
|
||||
const handleTouchMove = (e) => {
|
||||
e.preventDefault()
|
||||
if (!isDrawing.value || !ctx.value) return
|
||||
|
|
|
|||
|
|
@ -463,7 +463,7 @@
|
|||
</el-button>
|
||||
<!-- 已发货状态:查看物流 -->
|
||||
<el-button
|
||||
v-if="getStatusTagType(selectedOrderForAction).type=='yfh'"
|
||||
v-if="getStatusTagType(selectedOrderForAction).type=='yfh'||getStatusTagType(selectedOrderForAction).type=='ywc'"
|
||||
type="success"
|
||||
size="large"
|
||||
class="action-btn"
|
||||
|
|
|
|||
|
|
@ -163,18 +163,19 @@ watch(dialogVisible, (val) => {
|
|||
|
||||
const initCanvas = async () => {
|
||||
if (!canvas.value || !canvasWrapper.value) return
|
||||
|
||||
console.log('记载');
|
||||
imageLoading.value = true
|
||||
imageLoadError.value = false
|
||||
|
||||
try {
|
||||
const img = new Image()
|
||||
img.crossOrigin = 'anonymous'
|
||||
const objectURL = await fetchImage(props.imageUrl)
|
||||
|
||||
await new Promise((resolve, reject) => {
|
||||
img.onload = () => resolve()
|
||||
img.onerror = () => reject(new Error('Failed to load image'))
|
||||
img.src = props.imageUrl
|
||||
img.src = objectURL
|
||||
})
|
||||
|
||||
const canvasEl = canvas.value
|
||||
|
|
@ -294,7 +295,19 @@ const handleTouchStart = (e) => {
|
|||
lastY = coords.y
|
||||
isDrawing.value = true
|
||||
}
|
||||
|
||||
async function fetchImage(url) {
|
||||
const cacheBusterUrl = url + '?v=1.0.0';
|
||||
const response = await fetch(cacheBusterUrl, {
|
||||
method: 'GET',
|
||||
mode: 'cors',
|
||||
credentials: 'omit',
|
||||
cache: 'no-cache'
|
||||
});
|
||||
const blob = await response.blob();
|
||||
const imgurl = URL.createObjectURL(blob);
|
||||
console.log(imgurl,'imgurlimgurlimgurl');
|
||||
return imgurl;
|
||||
}
|
||||
const handleTouchMove = (e) => {
|
||||
e.preventDefault()
|
||||
if (!isDrawing.value || !ctx.value) return
|
||||
|
|
|
|||
Loading…
Reference in New Issue