Helder Sepulveda
2020-02-01 21:57
画布上没有按键事件，因此我们必须将它们设置在文档上，然后将鼠标悬停在选定对象上，然后在鼠标移出事件上重置。
var canvas = new fabric.Canvas('container');
var oText = new fabric.IText('Tap and Type', {left: 0, top: 0});
canvas.add(oText);
var circle = new fabric.Circle({left: 20, top: 90, radius: 25});
canvas.add(circle);
var objSelected = null
canvas.on("mouse:over", function(e) {
if (e.target) {
e.target.set('fill', 'green');
canvas.renderAll();
objSelected = e.target
}
});
canvas.on('mouse:out', function(e) {
if (e.target) {
e.target.set('fill', 'black');
canvas.renderAll();
}
objSelected = null
});
document.onkeydown = function(e) {
if (objSelected) {
switch (e.keyCode) {
case 46: // delete
if (objSelected.type === "i-text") {
objSelected.text = ""
}
}
canvas.renderAll();
}
}<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.1/fabric.min.js">
</script>
<canvas id="container" width="300" height="150"></canvas>按键事件的问题在于，有时焦点不在您想的地方，iframe尤其棘手，在此示例中，请确保在尝试删除键之前先单击画布。
热门帖子
相关问题
热门github
1
2
3
5
6
7
8
11
13
14
15
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.
(翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
先生，非常感谢先生为我工作。祝好运。