首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Fabric.js 自定义控件

    本文简介 带尬猴,我是德育处主任 虽然 Fabric.js 提供的基础功能已经很丰富了,但有时难免需要定制一些需求。比如本文要讲的 『自定义控件』。...掌握创建自定义控件这个功能,能够创建更加精美和实用的图形应用程序,提高用户体验和用户满意度。 尽管 Fabric.js 的文档很一般,但 demo 还挺丰富。...如果你对这些代码还不太熟悉的话,推荐阅读一下 《Fabric.js 中文入门教程》 创建删除按钮 创建自定义控件通常有一下2步操作: 创建控件 添加功能事件 Fabric.js 提供了 fabric.Control...Custom controls, render and actions 的代码 前面讲到的就是创建自定义控件的基本方法, Fabric.js 官网收录的 Custom controls, render.../js/fabric.js"> var canvas = this.

    4.8K70

    如何在js文件中写加载Applet控件js与jsp分离技术)

    如何在js文件中写加载Applet控件js与jsp分离技术) 我们在写代码的时候,一般喜欢将JSP和JS实现分离开,将页面部分的代码写在.jsp结尾的文件中...那么我们有没有办法将需要写到jsp页面上的代码写到js文件中呢?...我现在举个例子,假如我们的页面上需要加载一个applet控件,但这个applet的加载是有条件的,只有在某种情况下,控件才会加载,而其它情况则不加载(这样子能加载页面的加载速度)。...就好比淘宝的截屏功能,我们在正常聊天的时候,控件是不加载的,只有点击了截屏功能的时候,控件才会被加载和安装。 这种情况,就需要我们预先不加载applet控件,而是在javascript控制加载控件了。...由于js页面不知道jsp在哪个地方加载js文件,所有像原先那样写一个相当位置的div是不大妥当的,而加载一个固定位置的div,则无论jsp在哪个地方加载js文件,都可以保证div想固定的地方显示了。

    7.1K40

    Vue学习笔记之moment.js日期处理控件

    0x00 概述 本文主要记录moment.js日期控件在vue中的使用; moment可以方便的计算自然月或者自然年份,避免使用固定天数或者月份计算导致结束日期错乱问题。...0x01 安装moment插件 npm install moment --save  在package.json中查看(moment插件安装成功) 在Vue的JS部分导入moment import moment...天 moment("2020-03-25 00:00:00").add(5, "days").format('YYYY-MM-DD HH:mm:ss');//2020-03-30 00:00:00 js...通过Moment.js让数值秒值和时分秒格式相互转化 / / 1、把时分秒格式转化为数值型的秒值 <script src="https://momentjs.com/downloads/moment.<em>js</em>...console.log(time) //3661 // 2、把数值型的秒值转化为时分秒格式 <script src="https://momentjs.com/downloads/moment.js

    13K20

    JS如何为表单聚焦控件设置醒目的样式

    前言 在用户填写表单时,为了让用户集中精力填写或某一个表单控件,可以通过设置此空间的样式来达到目的 那这样的效果如何实现呢,如下示例所示的 示例展示 (https://coder.itclan.cn/fontend.../js/26-set-form-style/) 原生Js实现 如下是简易的示例代码,要想实现这一个效果,必须要知道onfocus和onblur,前者是聚焦的回调事件,而后者是控件失去焦点的回调 在一个网页里...,永远都只能有一个控件获得焦点,因此需要遍历所有的控件,为它们定义相同的onfocus以及onblur的逻辑 当控件获得焦点时,为它设置独特的边框样式,否则就恢复原有的边框样式 function init...() { var f = document.form[0]; // 获取表单DOM var elements = f.elements; // 获取所有的控件数组 var str...lang="scss" scoped> .wrap { text-align: center; margin: 20px 0 20px 0; } 总结 无论是原生js

    7.2K50

    【自然框架】js版的QuickPager分页控件 V2.0

    (附带24套css效果) 3、  Js的方式创建分页UI,不占用服务器资源。 4、  可以通过插件的方式更换各部分js代码。如果自带的js代码不能满足您的需求,那么您自己写的插件实现需要的效果。...因为用js和ajax,所以不支持搜索引擎的收录。 2、  不支持服务器端控件,比如GridView。...虽然属性有很多,但是最低只需要设置两个属性——总记录数和存放分页控件的容器ID。   不设置总记录数,就不知道有多少页,页号导航就做不出来,UI也没法控制。而总记录数又没法设置默认值。   ...存放分页控件的容器ID,简单的说就是DIV的ID,当然也可以放在td里面,只要设置好ID就行。如果要实现上下两个分页UI,那么只需要把这两个ID用半角逗号分割,设置上就行。 2、  设置事件。   ...Js的事件处理真的是太简单了,就跟属性一样。弄个function就可以了。

    2.5K80

    【分享】 纯 js 表单控件 —— 让 “增改查” 更轻松!

    拖拽控件、手写、js创建还是第三方控件(包括js版)? 以前用服务器控件写了一套表单控件,用起来感觉也挺方便的,只是效率太低,太占用服务器的资源。...实现方式: 1、 js + json + 第三方js脚本、控件 2、 json对表单进行描述,比如标题、控件类型、控件大小、下拉列表框的item如何填充等。...4、 Js脚本根据json的描述,创建表单(table形式),创建表单里面的控件(比如文本框),然后对表单和控件进行修饰。 5、 提取用户输入的数据,然后进行验证。...答:搜索了一下js表单控件,没有发现特出名的。当然了肯定有做好的,只是我没有发现。再有也不是完全自己写的,有很多第三方现成的js拿来用的,比如my97。...因为是纯js的表单控件,所以服务器控件形式的在线编辑器是不好用了。 4、 数据验证。这个好像有很多已经很成熟的了,只是一直没时间研究。目前用的是一个比较古老的js脚本,出处已经不记得了。 ​

    3.5K81

    JeecgBoot 2.4 微服务正式版发布,基于SpringBoot的低代码平台

    ,支持上传个数设置 Popup组件,支持编码方式传递动态参数 Online表单功能测试,行编辑表格换成JVxeTable提升性能 Online报表配置界面,换成JVxeTable提升性能 Online表单恢复大组件...(富文本、MD编辑器、代码编辑器)支持 Online表单依赖JS进一步压缩变小 平台架构升级 前端改造成多环境配置(启动配置模式变了) 前端代码目录结构做了调整,代码更清晰易懂 在线swagger文档换为...其他部门可以新增管理员角色issues/1538 jar 包上传到服务器后 autopoi 读取不到excel模版文件issues/1505 左侧菜单栏缩放窗口后无法显示issues/1498 怎么对表格和编辑表格的表头进行自定义样式修改...点击加号后操作下面错位如果把操作那里的fixed:"right",注释掉就没有问题;但是锁定操作就没有了;我感觉应该能完善下issues/I1WHR0 vue前端 /public/index.html js...一对多JEditable │ └─JEditable组件示例 │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格

    2.8K50

    前端组件“可编辑表格”,怎么设计才好呢?先得有思路

    大家好,今天是0618,今天的先行者计划的主题是“可编辑表格”的第一次课。 既然是一个前端组件,那么就涉及到如何设计的问题。我们不是单纯的要实现一个可编辑表格的效果,而是要实践一个组件化的方案。...在以前,这些方法基本都是命令式的,就是所谓的写死在js中。 但现在以ng\vue\react等为代表的这些框架,它们的大方向都是把命令式的dom操作变为“配置式”的。...console.log('b') }, c:.... } } new 组件().set( config ); xMind图中的结构已经画的差不多了, 接下来可以写一些js...-- js 在new 的过程中只做了三件事 1,创建一个新对象 3,将这个新对象的 proto 指向 构造函数的 prototype 成员对象 4,将 构造函数的 this 指针 指向 这个新创建的对象

    1.5K50

    【Vue】1883- Vue 可编辑表格:让数据编辑更舒适自如

    作者:youth君 https://juejin.cn/post/7242140832379584567 使用ElementPlus的Table啥都好,就是没有可编辑表格!!!...既然UI库不支持,那我们实现一个可编辑表格是很难的事么?难么?不难么?... 个人觉得如果是业务固定的可编辑表格,使用ElementPlus实现都不难。...但是如果需要的是一个通用的可编辑表格,这好像还真说不好。 对于通用的可编辑表格,网上的实现方案也是五花八门,但是看下来多少都有些问题。...个人认为一个通用的可编辑表格需要给使用方提供以下能力: 支持新增、删除、编辑、保存 定义可编辑列 定义表单组件,既可以是原生标签,也可以是自定义组件 定义表单校验规则 定义数据展示部分 定义操作区域 几乎无学习成本...在组件的基础上实现可编辑表格,保留的使用方式不变,还能提供可编辑功能。同时可编辑功能的配置与的使用风格一致,降低学习成本。

    36410
    领券