日落鸿霞飞-优快云博客

上一章讲到怎么去安装和基于fabric创建一个canvas实例，当我们把canvas实例创建好之后，就需要在canvas上面去添加一些我们想要的东西了，比如说文本、图片、图形、等等，那么当我们想要在画布上生成一段文字的话，就可以使用fabric.Textbox或者fabric.IText实例去生成文本实例，然后通过canvas实例去渲染展示。4、两者创建的文本，手动调整四个角的斜向宽度时，都会将内容等比放大，有点类似于调整了font-size，但是实际上的font-size是没有变化。

2025-11-19 18:39:22 347

原创【fabric.js-入门】安装+创建fabric画布

最近在学习怎么使用fabric.js来创建画布，特将学习过程记录下来，方便自己查阅的同时也希望可以给有需要的网友提供一点小小的帮助。提示：建议安装v5.0版本的fabric，v6.0版本属于新版本，目前bug挺多的。

2025-11-19 18:30:22 280

原创 rgb颜色转十六进制

把rgb颜色值转换为16进制类型的颜色值

2022-06-24 19:52:15 745

原创数组、对象深拷贝\深克隆方法，原生js递归实现

数组、对象的深克隆方法，通过判断数组、对象类型进行递归循环实现深克隆

2022-06-24 19:47:10 166

原创图片转file\blob文件、图片转base64

//图片url转blob文件var imageUrlTransFiles = function (imgUrl, call) { var that = this, image = new Image(); if(imgUrl.indexOf('?') !== -1){ imgUrl = imgUrl + '&v=' + Math.random(); }else{ imgUrl = imgUrl + '?v=' + Math.random();

2021-12-22 15:23:11 1092

原创 form表单新打开页面提交方式

//url=要提交的请求地址//args=要提交的请求参数对象//options=form表单提交方式配置对象，可修改配置项可参考下面的option变量function comOpenWinPost(url,args,options){ var option = { 'id':'comOpenWinPostForm', 'method':'post', 'action':url, 'target':'_blank',

2021-12-22 15:19:49 1456

原创获取传入的Url地址所带的指定参数

//获取传入的url所带指定参数//url=你需要获取参数的url链接//name=你需要获取到url中的某个参数名称var getUrlParameter = function(url, name){ var r = null, urlArr = url.indexOf('?') !== -1 ? url.split('?') : []; if(urlArr && urlArr.length > 1){ var reg = new RegExp("(^|&

2021-12-22 15:16:38 437

原创获取浏览器地址所有参数或指定获取某个参数

//获取浏览器地址指定参数var getQueryString = function(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return r[2]; return null;};// 获取浏览器地址所有参数var getQueryData = functio

2021-12-22 15:14:30 421

原创获取当前浏览器地址前缀

//获取当前locationvar gitWinLocHref = function(){ var location = (window.location.href).split('/'); var basePath = location[0]+'//'+location[2]+'/'; return basePath;};

2021-12-22 15:12:12 712

原创正则表达式输入框验证正整数、负整数、小数点

/****价格类输入框限制,只能输入正整数****/var clearNoNum = function (obj) { var ipt = $(obj); ipt.val(ipt.val().replace(/[^\d]/g,"")); //清除"数字"以外的字符};/****价格类输入框限制,只能输入正整数END****//****价格类输入框限制输入负数可以输小数点，保留一位小数****/var validateNumMinusOne = function(strValue)

2020-08-09 23:06:06 2224

原创获取输入框光标位置，插入内容到光标位置

该方法使用方式：iptId=需要插入内容的输入框节点idtextClass=要插入的内容节点class；举例：<html> <input id="input" type="text" value="12345" /> <a class="msg">插入该内容</a></html><script>$(function(){//假如输入框当前光标聚焦到了3和4之间,那么我点击a标签之后，a标签的内容就会插入到输入

2020-07-25 23:31:34 1724

原创时间日期格式化方法

/** * 日期格式化 * 用法： * new Date(毫秒数).format("yyyy-MM-dd hh:mm:ss"); */Date.prototype.format = function(format) { /* * eg:format="yyyy-MM-dd hh:mm:ss"; */ var o = { "M+" : this.getMonth() + 1, // month "d+" : this.getDate

2020-07-25 23:17:24 278

原创字符串模板替换

此方法使用字符串分割进行的内容替换，可解决使用正则表达式替换时的$1、$2....问题

2020-07-25 23:14:09 704 1

lxm1353723767的博客

原创记录Chrome插件从V2版本升级到V3版本的过程中遇到的问题

原创基础讲解--this指向、call、apply、bind改变this指向方法

原创 Chrome扩展插件V3版本配置项参数说明

原创【fabric.js-入门】添加图形【直线】

原创【fabric.js-入门】添加图形【椭圆】

原创【fabric.js-入门】添加图形【圆】

原创【fabric.js-入门】添加文本