You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.6 KiB
73 lines
1.6 KiB
|
|
// @ts-nocheck
|
|
// #ifndef UNI-APP-X && APP
|
|
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()
|
|
// #endif
|
|
|
|
|
|
export function createCanvas(canvasId : string, component : ComponentInternalInstance) {
|
|
// #ifdef UNI-APP-X
|
|
uni.createCanvasContextAsync({
|
|
canvasId,
|
|
component,
|
|
success(context : CanvasContext) {
|
|
|
|
},
|
|
fail(error : UniError) {
|
|
|
|
}
|
|
})
|
|
// #endif
|
|
// #ifndef UNI-APP-X
|
|
const isCanvas2d = canIUseCanvas2d()
|
|
getRect('#' + canvasId, context, isCanvas2d).then(res => {
|
|
if (res.node) {
|
|
res.node.width = res.width
|
|
res.node.height = res.height
|
|
return res.node
|
|
} else {
|
|
const ctx = uni.createCanvasContext(canvasId, context)
|
|
if (!ctx._drawImage) {
|
|
ctx._drawImage = ctx.drawImage
|
|
ctx.drawImage = function (...args) {
|
|
const { path } = args.shift()
|
|
ctx._drawImage(path, ...args)
|
|
}
|
|
}
|
|
if (!ctx.getImageData) {
|
|
ctx.getImageData = function () {
|
|
return new Promise((resolve, reject) => {
|
|
uni.canvasGetImageData({
|
|
canvasId,
|
|
x: parseInt(arguments[0]),
|
|
y: parseInt(arguments[1]),
|
|
width: parseInt(arguments[2]),
|
|
height: parseInt(arguments[3]),
|
|
success(res) {
|
|
resolve(res)
|
|
},
|
|
fail(err) {
|
|
reject(err)
|
|
}
|
|
}, context)
|
|
})
|
|
|
|
}
|
|
return {
|
|
getContext(type: string) {
|
|
if(type == '2d') {
|
|
return ctx
|
|
}
|
|
},
|
|
width: res.width,
|
|
height: res.height,
|
|
createImage
|
|
}
|
|
}
|
|
}
|
|
})
|
|
// #endif
|
|
}
|