mirror of
https://github.com/alibaba/GCanvas.git
synced 2025-12-08 17:36:42 +00:00
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
const { createCanvas, Image } = require('../export');
|
|
const canvas = createCanvas(400, 400);
|
|
const ctx = canvas.getContext('2d');
|
|
const img = new Image()
|
|
const img2 = new Image()
|
|
|
|
img.onload = () => {
|
|
ctx.fillStyle = "#000000";
|
|
ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
|
<<<<<<< HEAD
|
|
ctx.drawImage(img, 0, 0, 100, 100);
|
|
img2.onerror = err => {
|
|
console.log(err)
|
|
}
|
|
img2.onload = () => {
|
|
ctx.drawImage(img2, 150, 150, 100, 100);
|
|
canvas.createPNG("image");
|
|
}
|
|
img2.src = "https://img.alicdn.com/imgextra/i3/80/O1CN011CSgGWymNlCrNO3_!!80-2-luban.png"
|
|
=======
|
|
ctx.drawImage(img, 50, 50, 150, 150);
|
|
canvas.createPNG("image");
|
|
// img2.onerror = err => {
|
|
// console.log(err)
|
|
// }
|
|
// img2.onload = () => {
|
|
// ctx.drawImage(img2, 150, 150, 100, 100);
|
|
|
|
// }
|
|
// img2.src = "https://alibaba.github.io/GCanvas/assets/logo-gcanvas.png"
|
|
>>>>>>> fix_image_background
|
|
}
|
|
img.onerror = err => {
|
|
console.log(err)
|
|
}
|
|
<<<<<<< HEAD
|
|
img.src = "https://img.alicdn.com/imgextra/i3/80/O1CN011CSgGWymNlCrNO3_!!80-2-luban.png"
|
|
=======
|
|
// img.src = "https://alibaba.github.io/GCanvas/assets/logo-gcanvas.png"
|
|
img.src= "https://img.alicdn.com/imgextra/i3/80/O1CN011CSgGWymNlCrNO3_!!80-2-luban.png"
|
|
>>>>>>> fix_image_background
|