摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍一个能让前端优雅下载大文件的工具：StreamSaver.js ⚡️ StreamSaver.js GitHub地址 ⚡️ 官方案例 StreamSaver.js 可用于实现在Web浏览器中直接将大文件流式传输到用户设备的功能。 传统的下载方式 阅读全文
posted @ 2023-10-27 22:44
德育处主任
阅读(393)
评论(0)
推荐(0)
摘要：
本文简介 最近有工友问我前端怎么给图片做标注。使用 Fabric.js 或者 Konva.js 等库确实可以实现，但我又好奇有没有专门做图片标注的工具呢？ 在网上搜了一下发现 Annotorious 可以实现这个功能。Annotorious 提供了图片注释和标注功能，而且用法很简单。 本文分为 【快 阅读全文
posted @ 2023-10-27 22:43
德育处主任
阅读(144)
评论(0)
推荐(0)
摘要：
文章简介 之前在 《p5.js 光速入门》 里粗略讲过一下如何使用 p5.js 创建画布。 这次要介绍几个 p5.js 提供的画布相关的方法。 创建画布时的相关配置。 让画布绑定指定元素。 重置画布大小。 删除画布。 学习本文前你需要具备一点 p5.js 的知识，想了解的请查看 《p5.js 光速入 阅读全文
posted @ 2023-10-27 22:43
德育处主任
阅读(109)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 记得以前看爆笑校园里有一集讲到，一个人对着前面开了一枪，过了一阵子弹打中他自己的后脑勺。作者想通过这个冷笑话告诉大家一件事：地球是圆的。 在 Matter.js 世界里，默认是没有边界的，也就是说你往一个方向把物体丢出去，超过画布边界后你可能就找不回那 阅读全文
posted @ 2023-10-27 22:26
德育处主任
阅读(61)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 在 《p5.js 光速入门》 里我们学过加载图片元素，学过过背景色的用法，但当时没提到背景图要怎么使用。 本文就把背景图这部分内容补充完整，并且会提到在 p5.js 里使用背景图的一些注意点。 背景图的用法 在 p5.js 里使用背景图只需做以下几步操 阅读全文
posted @ 2023-10-27 22:17
德育处主任
阅读(109)
评论(0)
推荐(0)
摘要：
本文简介 戴尬猴，我是德育处主任 本文介绍如何使用 OpenLayers.js （后面简称 ol）。ol 是一个开源 JavaScript 库，可用于在Web页面上创建交互式地图。 ol能帮助我们在浏览器轻松地使用地图功能，例如地图缩放、地图拖动、地图标记和地图交互等。 本文适合想有JS基础，又想了 阅读全文
posted @ 2023-10-27 22:04
德育处主任
阅读(1212)
评论(0)
推荐(1)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 如果你使用 Fabric.js 做编辑类的产品，有可能需要给用户配置字体。 这次就讲讲在 Fabric.js 中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。 学习本文前，你必须有一点 Fabric.js 的基础 阅读全文
posted @ 2023-10-27 17:28
德育处主任
阅读(330)
评论(0)
推荐(0)
摘要：
本文简介 点赞 + 关注 + 收藏 = 学会了 当你要复制一个 fabric 的元素时，你考虑到的是什么？是深拷贝当前选中对象再添加到画布中？ 其实，fabric.js 提供了一个克隆方法，在 fabric.js 官网的案例里也有这个demo：Fabric.js demos · Copy and P 阅读全文
posted @ 2023-10-27 17:06
德育处主任
阅读(91)
评论(0)
推荐(0)
摘要：
本文简介 带尬猴，我嗨德育处主任 不知道你有没有遇到过在使用 Fabric.js 时无意中一些骚操作修改了元素的样式，但刷新画布却没更新元素样式？ 如果你也遇到同样的问题的话，可以尝试使用本文的方法。 是否需要重新绘制 我先举个例子。 <canvas id="c" style="border: 1p 阅读全文
posted @ 2023-10-27 17:02
德育处主任
阅读(47)
评论(0)
推荐(0)
摘要：
本文简介 带尬猴，我是德育处主任 canvas 绘图时会根据当前状态来绘制。很多的 canvas 库都利用到这一特性。比如 p5.js 利用了 canvas 状态特性衍生出 push 和 pop 函数实现状态隔离（既然提到了，下一篇就讲这个）。 有兴趣了解 p5.js 的工友推荐阅读 《p5.js光 阅读全文
posted @ 2023-10-27 17:02
德育处主任
阅读(31)
评论(0)
推荐(0)
浙公网安备 33010602011771号