Fabric画一个文字内容为text的button按钮
时间: 2023-02-07 22:53:55 浏览: 68
可以使用 Fabric.js 来创建一个文字内容为 text 的按钮。
首先,需要在 HTML 页面中引入 Fabric.js 库:
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min.js"></script>
```
然后,你可以使用下面的代码在 Fabric.js 中画一个文字内容为 text 的按钮:
```
var canvas = new fabric.Canvas('canvas');
var text = new fabric.Text('text', {
left: 100,
top: 100,
fill: 'black',
fontSize: 20
});
var button = new fabric.Rect({
left: 80,
top: 80,
width: text.width + 20,
height: text.height + 20,
fill: 'white',
stroke: 'black',
strokeWidth: 2
});
var group = new fabric.Group([button, text], {
left: 100,
top: 100
});
canvas.add(group);
```
在这段代码中,我们创建了一个文字对象(text)和一个矩形对象(button),然后将它们组合起来形成一个按钮。最后,我们将这个按钮添加到 canvas 中。