上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 22 下一页
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 在出厂时就提供了几个基础图形,比如矩形、圆形、三角形等。 但这些图形可能不能满足日常开发,我们可能还需要一些自定义的图形。 我做了个 自定义半圆 的demo,聊聊如何创建自定义图形。 虽然 fabric.js 提供了非常简单的方法创 阅读全文
posted @ 2022-12-23 07:25 德育处主任 阅读(182) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 的铅笔其实是继承基础画笔的一个工具,在基础画笔的基础上多了“拐角平滑度”等配置项。 本文讲解铅笔的基础用法以及常用事件。 常规配置 真实世界的铅笔有不同的型号,颜色的深浅、笔芯的硬度都是不同的。 在 fabric.js 中,铅笔同样 阅读全文
posted @ 2022-12-23 07:24 德育处主任 阅读(384) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在 《Fabric.js 使用纯色遮挡画布》 中讲到使用纯色的方式遮盖画布。如果你的常见需要使用图片来遮盖的话,fabric.js 也提供了相应的属性来配置。 相比起使用纯色遮盖画布,使用图片会更复杂。 因为图片本身是有尺寸大小的,所以可能会遇到缩放画 阅读全文
posted @ 2022-12-23 07:24 德育处主任 阅读(127) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在 fabric.js 提供的文本组件中,默认状态是不会自动换行。如果你的使用场景中需要自动文本自动换行,可以使用 Textbox ,并将 splitByGrapheme 设置为 true 即可。 文本自动换行 如果需要实现本文自动换行的效果,可以使用 阅读全文
posted @ 2022-12-23 07:23 德育处主任 阅读(329) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 本文主要讲解如何禁止元素超出画布范围。效果如下图所示。 就算是修改了元素尺寸也一样可以限制元素超出画布。 分析 要实现上图的效果,需要考虑2中情况: 【情况1】元素的左边和上边不能超出画布的左边和上边。 【情况2】元素的右边和下边不能超出画布的右边和下 阅读全文
posted @ 2022-12-23 07:22 德育处主任 阅读(297) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 为我们提供了很多厉害的方法。今天要搞明白的一个东西是 canvas.interactive 。 官方文档对 canvas.interactive 的解释是: Indicates that canvas is interactive. 阅读全文
posted @ 2022-12-22 22:32 德育处主任 阅读(109) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 作为一只前端,只懂 Vue、React 感觉已经和大家拉不开距离了。 可视化、机器学习等领域 JS 都有涉及到,而可视化方面已经被很多领域用到,比如大屏项目。 可视化领域相关的技术有 canvas 和 SVG ,而这两个东东是迟早要接触的了。 在我接触 阅读全文
posted @ 2022-12-19 22:45 德育处主任 阅读(605) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在 JS 中,伪数组 是非常常见的,它也叫 类数组。伪数组可能会给 JS 初学者带来一点困扰。 本文将详细讲解 什么是伪数组,以及分别在 ES5 和 ES6 中将伪数组转换成真正的数组 。 什么是伪数组? 伪数组的主要特征:它是一个对象,并且该对象有 阅读全文
posted @ 2022-07-25 10:09 德育处主任 阅读(240) 评论(0) 推荐(0)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在前端领域,如果只是懂 Vue 或者 React ,未来在职场的竞争力可能会比较弱。 根据我多年在家待业经验来看,前端未来在 数据可视化 和 AI 这两个领域会比较香,而 Canvas 是数据可视化在前端方面的基础技术。 本文就用光的速度将 canva 阅读全文
posted @ 2022-07-24 16:47 德育处主任 阅读(194) 评论(0) 推荐(1)
摘要: 本文简介 点赞 + 关注 + 收藏 = 学会了 在前端领域,如果只是懂 Vue 或者 React ,未来在职场的竞争力可能会比较弱。 根据我多年在家待业经验来看,前端未来在 数据可视化 和 AI 这两个领域会比较香,而 Canvas 是数据可视化在前端方面的基础技术。 本文就用光的速度将 canva 阅读全文
posted @ 2022-07-23 08:09 德育处主任 阅读(275) 评论(0) 推荐(0)
上一页 1 ··· 12 13 14 15 16 17 18 19 20 ··· 22 下一页