k21vin

摘要： 本文简介 【今天我必须发一个封面！放文末！】 最近有工友问我前端怎么给图片做标注。使用 `Fabric.js` 或者 `Konva.js` 等库确实可以实现，但多少觉得有点大炮打蚊的感觉，好奇有没有专门做图片标注的工具呢？ 在网上搜了一下发现 `Annotorious` 可以实现这个功能。`Anno 阅读全文

摘要： 本文简介 带尬猴！ 你是否在使用 Fabric.js 时希望能在选中元素后自定义元素样式或选框（控制角和辅助线）的样式？ 如果是的话，可以放心往下读。 本文将手把脚和你一起过一遍 Fabric.js 在对象元素选中后常用的样式设置。 我将对象元素选中后的设置分成3类进行讲解： 控制角 辅助边 其他样 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 学习 Fabric.js，我的建议是看文档不如看 demo。 本文实现的功能：将元素拖进到画布中并生成对应的图形或图片。 效果如下图所示： 思路 要实现以上效果，需要考虑以下几点： 元素有拖拽功能。 能在画布中生成对应的元素。 画布有可能缩放。 画布有 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 记录一个在使用 HBuilderX 开发 App 时遇到的问题。 同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示 出现这个问题的原因是我把手机的 HBuilder App 给删掉了，通过电脑连接数据线的方式安装就会提示 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 在 《p5.js 光速入门》 中都是使用 CDN 的方式去使用 p5.js 的，不太符合当下的开发习惯。 不管是使用 Vue 还是 React，我们日常项目大部分应该都是使用脚手架的方式进行开发了，按照 《p5.js 光速入门》 的方式在 module 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 之前有些工友留言：在 fabric.js 中怎么保存元素的自定义属性？ 比如，创建一个矩形，这个矩形有自己的 ID 属性，在执行序列化操作出来的结果却看不到 ID 属性了。 如何在序列化时输出自定义属性？其实答案都写在文档里。 本文会用真实代码演示一下 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 提供了一个方法可以检查对象是否与另一个对象相交（也可以叫元素是否重叠）。 这个方法叫 intersectsWithObject()。 本文主要想提一下 fabric.js 存在这么一个方便的方法。 检测元素是否相交有什么用呢？ 这个 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 喷雾笔刷 SprayBrush 是 fabric.js 提供的一个很好玩的工具，而且 fabric.js 也封装好了很多非常方便的属性让我们配置，用起来非常简单的。 先看看效果： 常规配置 喷雾笔刷作为一款笔刷工具，要使用它首先要让画布开启“绘画模式” 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 接着 《Canvas 从入门到劝朋友放弃（图解版）》 ，本文继续补充 canvas 基础知识点。 这次我不手绘了！ 本文会涉及到 canvas 的知识包括：变形、像素控制、渐变、阴影、路径 变形 这里说的变形是基于画布，全局进行变形。 变形主要包括：平 阅读全文

摘要： 本文简介 点赞 + 关注 + 收藏 = 学会了 本文的目标是和各位工友一起有序的快速上手 p5.js ，会讲解 p5.js 的基础用法。 本文会涉及到的内容包括： 项目搭建 p5.js 基础2D图形 文字 图形样式设置 图片 事件（交互相关的） 基础动画 其中还会讲解部分 p5.js 全局方法。 本 阅读全文