h5学习笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

h5学习笔记

专栏成员

140

文章

228321

阅读量

27

订阅数

fabric方法、事件、对象

canvas fabric object selection set

add(object) 添加 insertAt(object,index) 添加 remove(object) 移除 forEachObject 循环遍历 getObjects() 获取所有对象 item(int) 获取子项 isEmpty() 判断是否空画板 size() 画板元素个数 contains(object) 查询是否包含某个元素 fabric.util.cos fabric.util.sin fabric.util.drawDashedLine 绘制虚线 getWidth() setWidth() getHeight() clear() 清空 renderAll() 重绘 requestRenderAll() 请求重新渲染 rendercanvas() 重绘画板 getCenter().top/left 获取中心坐标 toDatalessJSON() 画板信息序列化成最小的json toJSON() 画板信息序列化成json moveTo(object,index) 移动 dispose() 释放 setCursor() 设置手势图标 getSelectionContext()获取选中的context getSelectionElement()获取选中的元素 getActiveObject() 获取选中的对象 getActiveObjects() 获取选中的多个对象 discardActiveObject()取消当前选中对象 isType() 图片的类型 setColor(color) = canvas.set("full",""); rotate() 设置旋转角度 setCoords() 设置坐标

2023-03-16

1.3K0

javascript json fabric line object

https://gitee.com/xc-dh/vue-fabric-canvas

2023-03-16

9620

fabricjs常用方法

canvas fabricjs 插件

官网：http://fabricjs.com/ fabricjs为canvas的一个操作插件，功能较为齐全，下面为常用的知识点 //1: 获得画布上的所有对象： var items = canvas.getObjects(); //2: 设置画布上的某个对象为活动对象。 canvas.setActiveObject(items[i]); //3：获得画布上的活动对象 canvas.getActiveObject() //4：取消画布中的所有对象的选中状态。 canvas.discardActiveOb

2023-03-16

2K1

图书列表案例

1.图书列表静态列表效果基于数据实现模板效果处理每行的操作按钮（禁止默认行为） 1、提供的静态数据数据存放在vue 中 data 属性中 var vm = new Vue({ el: '#app', data: { books: [{ id: 1, name: '三国演义', date: '' },{ id: 2, n

2022-05-10

1.1K0

Vue常用特性

vue.js 编程算法

需求：输入框中输入姓名，失去焦点时验证是否存在，如果已经存在，提示从新输入，如果不存在，提示可以使用。

2022-05-10

1.5K0

Vue模板语法

vue.js html 打包 jquery 渲染

基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如下所示。

2022-05-10

6.7K0

package.json文件

npm javascript node.js 编程算法

项目描述文件，记录了当前项目信息,例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。 package.json文件在项目根目录下使用npm init -y命令生成。

2022-05-10

7610

Node.js中模块加载机制

javascript json node.js

1.模块查找规则-当模块拥有路径但没有后缀时 require(' ./find.js') ; require(' ./find') ; require方法根据模块路径查找模块,如果是完整路径。直接引入模块。如果模块后缀省略，先找同名JS文件再找同名JS文件夹如果找到了同名文件夹,找文件夹中的index.js 如果文件夹中没有index.js就会去当前文件夹中的package.json文件中查找main选项中的入口文件如果找指定的入口文件不存在或者没有指定入口文件就会报错

2022-05-10

1.3K0

第三方模块

npm node.js html gulp javascript

写好的、具有特定功能的、我们能直接使用的模块即第三方模块，由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中，所以又名包。

2022-05-10

6830

html api node.js 编程算法

Node运行环境提供的API.因为这些API都是以模块化的方式进行开发的，所以我们又称Node运行环境提供的API为系统模块

2022-05-10

2590

1.Node.js快速入门

node.js javascript 编程算法 ecmascript api

Node.js是由ECMAScript及Node 环境提供的一些附加API组成的，包括文件、网络、路径等等一些更加强大的API。

2022-05-10

3970

组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力匿名插槽 <div id="app">   <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box> </div> <script t

2020-12-07

5490

Vue组件之间传值

父组件向子组件传值父组件发送的形式是以属性的形式绑定值到子组件身上。然后子组件用属性props接收在props中使用驼峰形式，模板中需要使用短横线的形式，字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div>   <menu-item title=

2020-12-07

1.4K0

Vue 调试工具

https://github.com/vuejs/vue-devtools/tree/v5.1.1

2020-12-07

1K0

全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用 <div id="example">  <my-component></my-component> </div> <script> // 注册组件 // 1、 my-component 就是组件中自定义的标签名 Vue.c

2020-12-07

1.2K0

数组相关API

编程算法 vue.js

1.数组变异方法（修改原有数据）在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展 push() 往数组最后面添加一个元素，成功返回当前数组的长度 pop() 删除数组的最后一个元素，成功返回删除元素的值 shift() 删除数组的第一个元素，成功返回删除元素的值 unshift() 往数组最前面添加一个元素，成功返回当前数组的长度 splice() 有三

2020-12-07

4440

Vue基本使用

vue.js 编程算法

1 .传统开发模式对比 //原生js <div id="msg"></div> <script type="text/javascript"> var msg = 'Hello World'; var div = document.getElementById('msg'); div.innerHTML = msg; </script> //jQuery <div id="msg"></div> <script type="text/javascript" src="js/jquery.js"></scr

2020-11-27

3800

javascript vue.js

尤雨溪：Vue.js的创建者 2014年2月，Vue.js正式发布 2015年10月27日，正式发布1.0.0 2016年4月27日，发布2.0的预览版本 Vue 是什么？ V

2020-11-27

4180

mongoose报错 DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead

命令行工具 deprecated

DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead

2020-11-10

7660

express html http api

Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。

2020-11-10

1.8K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态