AI 助理
备案控制台登录注册
文章 2022-09-15 来自：开发者社区

前端可视化：Fabric.js HTML5 canvas 工具库(1)

Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。文档：官网：http://fabricjs.com/github: https://github.com/fabricjs/fabric.js安装基本示例创建容器<canvas id="canvas" width="400" height="400" style="bor...

前端可视化：Fabric.js HTML5 canvas 工具库(1)
文章 2022-09-15 来自：开发者社区

前端可视化：Fabric.js HTML5 canvas 工具库(4)

缩放和平移画布缩放画布以原点为基准缩放画布// 监听鼠标滚轮事件 canvas.on('mouse:wheel', opt => { let delta = opt.e.deltaY // 滚轮向上滚一下是 -100，向下滚一下是 100 let zoom = canvas.getZoom() // 获取画布当前缩放值 // 控制缩放范围在 0.01~20 的区...

文章 2022-09-15 来自：开发者社区

前端可视化：Fabric.js HTML5 canvas 工具库(3)

转换旋转角度 anglelet triangle = new fabric.Triangle({ top: 100, left: 100, width: 80, height: 100, fill: 'blue', angle: 30 // 旋转30度 }) 缩放 scaleX 和 scaleY let triangle = new fabri...

文章 2022-09-15 来自：开发者社区

前端可视化：Fabric.js HTML5 canvas 工具库(2)

绘制路径// 绘制路径 const path = new fabric.Path('M 0 0 L 200 100 L 170 200 z') path.set({ top: 50, // 距离容器顶部距离 50px left: 50, // 距离容器左侧距离 50px fill: 'hotpink', // 填充 亮粉色 opacity: 0.5, // 不透明...

文章 2022-09-14 来自：开发者社区

ESLint：可组装的JavaScript和JSX检查工具

中文文档：https://cn.eslint.org/安装npm install --save-dev eslint @eslint/create-config 初始化npx eslint --init检查文件// src/index.js function foo(a, b) {return a + b;} function func() {console.log('Hello World'.....

文章 2022-09-14 来自：开发者社区

moment.js扩展库moment-range.js时间范围处理工具

moment.js扩展库moment-range.jsFancy date ranges for Moment.jshttps://github.com/rotaready/moment-rangeconst moment = require('moment'); const MomentRange = require('moment-range'); MomentRange.extendMom....

文章 2022-09-13 来自：开发者社区

JS：样式转换工具PostCSS使用浏览器前缀插件autoprefixer

PostCSS 是一个允许使用 JS 插件转换样式的【工具】autoprefixer 添加了 vendor 浏览器前缀的【插件】PostCSS 文档：https://github.com/postcss/postcss/blob/main/docs/README-cn.mdPostCSS Github: https://github.com/postcss/postcss安装npm i post....

文章 2022-09-12 来自：开发者社区

lodash和underscore：js实用工具库

lodash VS underscore一、对比二、lodash三、underscore一、对比二、lodashnpm i --save lodash 使用示例var _ = require("lodash"); // 拆分数组 _.chunk(["a", "b", "c", "d"], 2); // [ [ 'a', 'b' ], [ 'c', 'd' ] ] // 过滤掉假值 console....

lodash和underscore：js实用工具库
文章 2022-09-05 来自：开发者社区

ESLint：可组装的JavaScript和JSX检查工具

安装npm install --save-dev eslint @eslint/create-config初始化npx eslint --init检查文件// src/index.js function foo(a, b) {return a + b;} function func() {console.log('Hello World');}$ npx eslint src/index.js ....

文章 2022-07-26 来自：开发者社区

js常用工具函数之浏览器平台判断方法

查看vue2源码：src\core\util\env.js// Browser environment sniffing //是否浏览器 export const inBrowser = typeof window !== 'undefined' //是否weex export const inWeex = typeof WXEnvironment !== 'undefined' &amp;&am...

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript更多工具相关

JavaScript您可能感兴趣

产品推荐

Node.js 性能平台
Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。
申请开通
产品文档
入门指导
产品快速入门
常见问题
最佳实践
内存泄露案例
产品动态
产品最新动态

开发与运维

集结各类场景实战经验，助你开发运维畅行无忧

+关注
相关实验场景
更多
查看更多
AI助理

你好，我是AI助理

可以解答问题、推荐解决方案等