精华内容
下载资源
问答
  • fabric.js转化对象时保存自定义属性 我们在用 fabric.js 操作canvas画版添加各种形状/图片时,有时候会自己添加对应的自定义属性,当涉及到撤销/恢复时,要保存之前的canvas的数据以及状态,此时一般通过toJSON()、...

    fabric.js转化对象时保存自定义属性

    我们在用 fabric.js 操作canvas画版添加各种形状/图片时,有时候会自己添加对应的自定义属性,当涉及到撤销/恢复时,要保存之前的canvas的数据以及状态,此时一般通过toJSON()toDatalessJSON()toDatalessObject()等来获取canvas中的内容进行保存。但是自定义属性是保存不了的。

    转化成对象时保存自定义属性

    canvas.toJSON(['myFabricType'])
    

    canvastoDatalessJSON()toDatalessObject()toJSON()toObject()都可以有一个参数propertiesToIncludeopt

    • propertiesToIncludeopt:要包含的属性选项,类型为 Array;

    把需要保存的属性写成一个数组的形式在进行转化保存即可。

    const a = canvas.toJSON(['myFabricType1', 'myFabricType2'])
    const b = canvas.toDatalessJSON(['myFabricType1', 'myFabricType2'])
    const c = canvas.toDatalessObject(['myFabricType1', 'myFabricType2'])
    const d = canvas.toObject(['myFabricType1', 'myFabricType2'])
    
    展开全文
  • js开发一系列画布功能,其中,在做画布的序列化和反序列化功能时候,自定义的属性并不能够直接保存下来,这时候则需要我们自己做一些事情啦,下面是我的一个解决方法,在添加画布对象到画布上面之前,修改画布的to...

    项目开发中,用到了fabric。js开发一系列画布功能,其中,在做画布的序列化和反序列化功能时候,自定义的属性并不能够直接保存下来,这时候则需要我们自己做一些事情啦,下面是我的一个解决方法,在添加画布对象到画布上面之前,修改画布的toObject方法return出去的对象就可以保存下来自己需要的自定义属性了,核心代码看下图

    如果有疑问欢迎留言,博客仅仅是记录自己开发遇到的一些问题,欢迎指教,谢谢

    展开全文
  • 1、javascript代码//控制输入项目不为空, 控件需设置 nonull 、elementname 属性 function CheckNull() { //debugger; var objs = document.getElementsByTagName("input"); if (!CheckNullByObjs(objs)) { ...

    1、javascript代码

    //控制输入项目不为空, 控件需设置 nonull 、elementname 属性
    function CheckNull() {
        //debugger;
        var objs = document.getElementsByTagName("input");
        if (!CheckNullByObjs(objs)) {
            return false;
        }
        var objs2 = document.getElementsByTagName("select");
        if (!CheckNullByObjs(objs2)) {
            return false;
        }
        var objs3 = document.getElementsByTagName("textarea");
        if (!CheckNullByObjs(objs3)) {
            return false;
        }
        return true;
    }
    //去掉前后空格
    function Trim(str) {
        return str.replace(/(^\s*)|(\s*$)/g, "");
    }
    function CheckNullByObjs(objs) {
        for (var i = 0; i < objs.length; i++) {
            if (objs[i].attributes["nonull"] != undefined && objs[i].attributes["nonull"].value == "true" && Trim(objs[i].value).toString() == "") {
                alert(objs[i].attributes["elementname"].value + "不能为空");
                objs[i].focus();
                return false;
            }
        }
    
        return true;
    }

    2、文本框属性设置代码这两个属性必须设置nonull=”true” elementname=”姓名” ,nonull=”false” 表示可空,nonull=”true” 表示不可空,可以不设置相应nonull=”true” 的属性。

      <asp:TextBox type="text" nonull="true" elementname="姓名" name="txtPERSONNAME" Height="20px"
                                            Width="150px" ID="txtPERSONNAME" runat="server" onkeydown="return txtonkeydown(event);"></asp:TextBox>
    展开全文
  • JavaScript属性

    2017-07-25 20:20:59
    JavaScript中,类属性有2种: 1、一种是直接在定义类后赋值 var ClassA = function(){ } ClassA.dept = "R&D"; 2、另一种是使用prototype赋值: var ClassA = function(){ } ClassA.prototype.url = ...

    在JavaScript中,类属性有2种:

    1、一种是直接在定义类后赋值

    var ClassA = function(){

    }

    ClassA.dept = "R&D";

    2、另一种是使用prototype赋值:

    var ClassA = function(){

    }

    ClassA.prototype.url = "http://localhost:9080/myweb";

    3、两者的区别

    prototype属性初始化后,能通过对象访问,而第一种情形则不行。只能通过ClassA.dept来访问:

    alert(ClassA.dept);

    原型的属性也可以通过类似的方法访问:

    alert(ClassA.prototype.dept);    //(3)

    使用prototype设置的属性值可以保留,不被改变,但有同名的属性设置后,则取值取的为新设置属性的值,要想获取原始值,可以使用(3)式的方法。

    4、测试例子

    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>prototype test</title>
    </head>
    
    <body>
    
    <script lang="javascript">
    	
    	var ClassA = function(){
     		this.name = "Zhangsan";
     		var age = 40;
    	}
     
    	
    	ClassA.prototype.url = "http://localhost:9080/myweb";
    	
    	var obj0 = new ClassA();
    	
    	alert('obj0:' + obj0.url);
    	
    	var obj = new ClassA();
    	obj.url = "http://www.baidu.com";
    	
    	//ClassA.prototype.url = "http://www.sohu.com";
    	obj.name = "Lisi";
    	
    	alert('obj.url:' + obj.url + ',prototype.url:' + ClassA.prototype.url );
    	
    	ClassA.name = "Wangwu";
    	ClassA.dept = "R&D";
    	var obj2 = new ClassA();
    	alert(obj2.name + ',' + ClassA.name + ',' + obj2.dept + ',' + ClassA.dept);
    
     
    </script>
    </body>
    
    </html>
    

    5、用途

    第一种设置的类的属性可以用来保存不被改变的值,因为无论其实例化对象无论怎么变,其类的属性不会变,除非显式地设置类的属性。

    第二种属性用途广泛,除可实现第一种的优点外,还可以做为对象的缺省属性,即对象没有设置同名属性的前提下,可以访问类的属性作为对象的缺省属性。





    展开全文
  • 点击保存按钮的时候将对象信息转成json存入数据库或者redis,加载时json转对象后通过界面id赋值,demo代码: /* 初始化方法 */ function initAnalysisParameters() { var parameter = parametersVal(); ...
  • js——属性属性节点 样式操作

    千次阅读 2018-08-25 16:25:31
    对象身上保存的变量就是属性 ele[attr];//获取属性 ele[attr]=value;//设置属性 属性节点: 在html添加的属性就是属性节点,保存在attributes里面 ele.getAttribute(attr);//获取属性节点 ele.setAttribute...
  • 对象的属性类型有两种,一种是数据属性,是数据值的保存位置;另一种是访问器属性,包含getter和setter函数。 数据属性 数据属性包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有四个描述其特征的特性...
  • 在对象中,我们说属性就是对象存储的数据,或则说对象身上保存的变量就是属性。在CSS的样式中,因为它也是键值对的形式,所以我们也称CSS样式属性。 操作属性的方法: 1、点语法: 对象.属性 = 属性值; (赋值) ...
  • 本文实例讲述了JS遍历对象属性的方法。分享给大家供大家参考,具体如下: 遍历JavaScript某个对象所有的属性名称和值的方法,这样想使用方法的时候非常的直观和方便。代码如下: /* * 用来遍历指定对象所有的属性...
  • JavaScript-实例属性与原型属性区别

    千次阅读 2019-04-17 19:57:32
    实例属性指的是在构造函数方法中定义的属性和方法,每一个实例对象都独立开辟一块内存空间用于保存属性和方法。 function Products() { this.name = 'car', this.ids = [1,2] } var product1 = new Products(); ...
  • js 删除对象属性

    千次阅读 2018-07-18 23:07:22
    问题描述 更新表时,发现id不是该条记录对应的id值,而是操作另外一个tab页面后form表单映射的id值覆盖了原记录id的值,导致保存后,该条记录...通过js中的delete命令可以删除对象的指定属性,如下: delete obj.i...
  • $("#province_1").find("option:selected").text();得到一个值,想放到value中保存到数据库
  • js 遍历对象属性

    千次阅读 2013-09-02 10:42:24
    遍历JavaScript某个对象所有的属性名称和值的方法,这样想使用方法的时候非常的直观和方便。代码如下: /* * 用来遍历指定对象所有的属性名称和值 * obj 需要遍历的对象 * author: Jet Mah */ function ...
  • JavaScript prototype属性与修改对象

    千次阅读 2010-09-02 15:26:00
    JavaScript prototype属性 定义和用法prototype 属性使您有能力向对象添加属性和方法。语法object.prototype.name=value实例在本例中,我们将展示如何使用 prototype 属性来向对象添加属性:输出:20000===========...
  • 使用JavaScript覆盖默认属性 使用客户端JavaScript进行单元测试是您必须要做的事情。 当然,单元测试很重要,但说实话:大多数人都为自己的代码起作用感到高兴,对吗? 无论如何,请快速进入一个单元测试正常的...
  • 的href属性和download属性,click事件,实现数据下载。 * @param {string} filename 要保存的文件名 * @param {string} str 要保存的文本内容 */ function saveStringToFile(filename, str) {
  • jsGrid属性说明

    千次阅读 2017-12-15 17:01:57
    1.0 colModel : 要呈现字段的属性设置  1.1 align:定义数据相对单元格的对齐方式.string left  1.2 datefmt: 日期格式, string Y-m-d  1.3 editable: 定义字段是否可编辑 boolean false  1.4 defval :...
  • JavaScript遍历对象属性和方法

    千次阅读 2016-12-16 15:38:00
    JavaScript (js)使用 for in 语句来遍历对象的属性和方法。 for in 语句循环遍历 JavaScript 对象,每循环一次,都会取得对象的一个属性或方法。
  • Javascript保存网页为图片

    千次阅读 2014-04-15 19:02:34
    Javascript如何把网页中的一部分保存为图片?在一些需求中,需要把网页保存为图片,已知canvas可以保存为图片。本篇幅内容将简单介绍如何把网页保存为图片。
  • javascript 保存XML

    2013-01-23 18:24:01
    <script language="javascript"> var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM") //加载文档 doc.load("b.xml"); //创建文件头 var p = doc....
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title>...script src="js/jquery-1.12.4.js"></script> <script>...
  • 通过js保存文本到指定位置

    千次阅读 2020-12-22 09:24:07
    原理:通过js书写临时<a>标签来进行类似下载弹窗的操作,需要浏览器开启每次下载文件询问保存位置; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
  • 书签应用:此应用使用localStorage属性保存您的书签
  • JS 保存cookie信息

    千次阅读 2014-12-17 15:07:34
    JS在web客户端保存cookie信息 这里介绍在浏览器客户端保存cookie信息,下次浏览的时候可以获取相应信息,比如淘宝联盟根据这个cookie信息来判断是哪个网站引来的流量,然后给对应网站分账;以及根据用户...
  • 数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和...写入属性值的时候,把新值保存在这个位置。这个特性的默认值为true。 [removed] function Foo(){} Foo.prototype.z = var obj = new Foo() obj.x
  • javascript 设置对象属性只读

    千次阅读 2019-03-07 16:58:02
    javascript 设置对象属性只读 在设置对象属性只读之前,咱们先来了解一下对象的数据属性,所谓的数据属性就是包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有 4 个描述其行为的特性。 [...
  • JavaScript 节点的属性

    2016-07-06 21:25:47
    节点的属性: ...得到节点的所有子节点,已数组的形式保存 1 firstChild 得到节点的第一个子节点 等价于 childNodes[0] 2 lastChild 得到节点的最后一个子节点
  • 本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下: 帮一位友人解决了一个小问题,需求是更改选中选项卡内显示的文本值,新值存放在某个文本框内 初始窗口: <html> <head...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 284,116
精华内容 113,646
关键字:

js保存属性