请用easycanvas 写一个案例
时间: 2024-01-20 16:03:53 浏览: 156
canvas案例
当然可以!以下是一个使用easycanvas绘制一个简单图形的案例:
```javascript
// 导入easycanvas模块
var easycanvas = require('easycanvas');
// 创建画布
var canvas = easycanvas.createCanvas(400, 400);
// 绘制一个矩形
canvas.add(easycanvas.rect({
x: 100,
y: 100,
width: 200,
height: 200,
style: {
fill: 'red'
}
}));
// 绘制一个文本
canvas.add(easycanvas.text({
x: 200,
y: 200,
text: 'Hello, Easycanvas!',
style: {
fill: 'white',
font: '30px Arial',
textAlign: 'center'
}
}));
// 渲染画布
canvas.render();
```
这个案例创建了一个400x400像素大小的画布,然后在画布上绘制了一个红色的矩形和一个白色的文本,并将它们渲染到画布上。你可以根据自己的需求修改绘制的图形和样式。
希望这个案例能帮助到你!如果有任何问题,请随时提问。
阅读全文