|
// @ts-nocheck
|
import type { ComponentInternalInstance } from '@/uni_modules/lime-shared/vue'
|
import { getRect } from '@/uni_modules/lime-shared/getRect'
|
import { canIUseCanvas2d } from '@/uni_modules/lime-shared/canIUseCanvas2d'
|
export const isCanvas2d = canIUseCanvas2d()
|
|
export async function getCanvas(canvasId: string, options: {context: ComponentInternalInstance}) {
|
let { context } = options
|
// #ifdef MP || VUE2
|
if (context.proxy) context = context.proxy
|
// #endif
|
return getRect('#' + canvasId, context, isCanvas2d).then(res => {
|
if(res.node){
|
return res.node
|
} else {
|
const ctx = uni.createCanvasContext(canvasId, context)
|
return {
|
getContext(type: string) {
|
if(type == '2d') {
|
return ctx
|
}
|
},
|
width: res.width,
|
height: res.height,
|
}
|
// #ifdef H5
|
// canvas.value = context.proxy.$el.querySelector('#'+ canvasId)
|
// #endif
|
}
|
})
|
}
|
|
// #ifndef H5 || APP-NVUE
|
class Image {
|
currentSrc: string | null = null
|
naturalHeight: number = 0
|
naturalWidth: number = 0
|
width: number = 0
|
height: number = 0
|
tagName: string = 'IMG'
|
path: any = ''
|
crossOrigin: any = ''
|
referrerPolicy: any = ''
|
onload: () => void
|
onerror: () => void
|
constructor() {}
|
set src(src) {
|
this.currentSrc = src
|
uni.getImageInfo({
|
src,
|
success: (res) => {
|
this.path = res.path
|
this.naturalWidth = this.width = res.width
|
this.naturalHeight = this.height = res.height
|
this.onload()
|
},
|
fail: () => {
|
this.onerror()
|
}
|
})
|
}
|
get src() {
|
return this.currentSrc
|
}
|
}
|
// #endif
|
|
export function createImage(canvas: WechatMiniprogram.Canvas) {
|
if(canvas && canvas.createImage) {
|
return canvas.createImage()
|
} else if(typeof window != 'undefined' && window.Image) {
|
return new window.Image()
|
}
|
// #ifndef H5 || APP-NVUE
|
return new Image()
|
// #endif
|
}
|
