如何在Itext Fabric JS中删除默认文本

罗尼

目前,我正在使用fabricjs进行一个项目。在项目中,我使用来自fabricjs的Itext在画布中添加文本。我想要当用户单击默认文本然后自动删除默认文本。我使用此代码。

$("#addText").on("click", function addText() {
  var oText = new fabric.IText('Tap and Type', { 
    left: 120, 
    top: 120,
    fontFamily: 'Bree Serif',
	fontSize: 22,
    cache:false
   
});
  			 $('#oText').css('fontSize', $('#fontSize').val() + 'px');

			oText.set({ fill: $(".addText-options .sp-preview-inner").css("background-color") });
			oText.id = 'userDesign';
			canvas.add(oText);
			
			currentObject.getColor(tinycolor.toRgbString());
			canvas.renderAll();
			saveCanvasState();
	})

约拿

试试这个...提琴:https : //jsfiddle.net/Jonah/sbtoukan/1/

var canvas = new fabric.Canvas('container');

 var oText = new fabric.IText('Tap and Type', { 
     left: 0, 
     top: 0,
     fontFamily: 'Bree Serif',
     fontSize: 22,
     cache:false
 });

canvas.on("text:editing:entered", clearText);

 function clearText(e){
    if(e.target.type === "i-text"){
        if(e.target.text === "Tap and Type"){
            e.target.text = "";
            canvas.renderAll();
         };
     }
  }

  canvas.add(oText);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Fabric.js上获取鼠标坐标?

来自分类Dev

Fabric.js:如何将自定义大小设置为Text或IText?

来自分类Dev

如何设置Fabric.js?

来自分类Dev

如何在Fabric.js中绘制弧

来自分类Dev

fabric.js获取IText对象的“编辑”状态

来自分类Dev

如何在Fabric JS中围绕中心旋转动画

来自分类Dev

Fabric.js-分组的iText不可编辑

来自分类Dev

如何在Fabric JS的角落启用非均匀缩放

来自分类Dev

如何使用按钮从Fabric.js画布中删除图像

来自分类Dev

如何使Fabric.js IText字体不加粗?

来自分类Dev

如何在Fabric JS中的画布的一个角添加删除图标功能?

来自分类Dev

如何激活Fabric js IText的光标?

来自分类Dev

Fabric Js:如何获取默认支持的fontFamily列表?

来自分类Dev

如何在Fabric js的组中添加图像

来自分类Dev

Fabric.js如何在不拉伸文本的情况下水平调整IText的大小

来自分类Dev

如何在fabric.js中选择和拖动对象

来自分类Dev

如何在Fabric.js中停止/取消requestAnimFrame()

来自分类Dev

如何在画布上更改SVG颜色-Fabric.js

来自分类Dev

Fabric.js:如何将自定义大小设置为Text或IText?

来自分类Dev

如何在Fabric JS中围绕中心旋转动画

来自分类Dev

如何在Fabric JS的角落启用非均匀缩放

来自分类Dev

如何使用按钮从Fabric.js画布中删除图像

来自分类Dev

如何在Fabric Js中使用Selenium IDE

来自分类Dev

如何在fabric.js中使用画布保存图像

来自分类Dev

Fabric Js:如何获取默认支持的fontFamily列表?

来自分类Dev

如何在Fabric js中的组中添加图像

来自分类Dev

如何在LineSeparator itext中减小行距

来自分类Dev

Fabric.js-如何在鼠标移动时检测画布?

来自分类Dev

如何使用文本锚点:fabric js 中的中间

Related 相关文章

热门标签

归档