[译] socket.io官方文档·上篇
2017年9月7日发布阅读预计需要 35.0 分钟
socket.io基于WebSocket协议封装,兼容不支持ws的浏览器采用ajax轮询,socket.io为开发者提供服务端和客户端两套库,无需了解全部ws底层原理,好入门,上手快。学会socket.io后可搭建类似QQ和微信这种即时通信工具的Web版,既可以一对一对话也可开房间组队创建聊天群组,我尝试过传输的媒体类型有文本、图像两种,数据都可由1和0表示,所以理论上可传输任何媒体形式。
Blender建模导入Three.js渲染
2019年8月13日发布阅读预计需要 6.1 分钟
Blender 是一款非常优秀的免费开源 3D 创意软件,支持 Windows、macOS 和 Linux 界面操作系统,支持众多常见的导入和导出格式。Three.js 是一款由 JavaScript 语言编写的用于 Web 端展示的优秀 3D 开源库,常在 Web 游戏、可视化、真实场景模拟等领域中被使用。两款优秀且开源的 3D 创意工具的碰撞,必定能为产品、设计师和前端工程师带来无限创造力。
[译] socket.io官方文档·下篇
2017年11月16日发布阅读预计需要 15.0 分钟
socket.io基于WebSocket协议封装,兼容不支持ws的浏览器采用ajax轮询,socket.io为开发者提供服务端和客户端两套库,无需了解全部ws底层原理,好入门,上手快。学会socket.io后可搭建类似QQ和微信这种即时通信工具的Web版,既可以一对一对话也可开房间组队创建聊天群组,我尝试过传输的媒体类型有文本、图像两种,数据都可由1和0表示,所以理论上可传输任何媒体形式。
在线图像标注工具
2018年12月9日发布阅读预计需要 4.4 分钟
基于canvas技术在图像上绘制多边形,最终得到包含透明通道的裁切后的base64编码图像,以及全部标注点位置坐标数据。
[译] Fabric.js高级—后端渲染
2019年1月22日发布阅读预计需要 3.8 分钟
Fabric.js高级教程包括了在画布上自由涂鸦;从画布输出图像;在Node环境使用Fanric.js;与画布、对象元素矩阵变换相关的工具函数和方法;我认为最值得学习的是在Node环境使用Fabric.js,首先它拓宽了Fabric.js的应用场景,其次它丰富了无界面的后端环境下的图像处理技术栈。
Node服务端编辑Excel表格
2018年12月5日发布阅读预计需要 11.9 分钟
实现多种数据格式精准插入单元格,支持在excel中创建多个Sheet,并支持.xlsb .xls .csv .txt等多种数据文件导出格式。
Canvas实现实时画面直播
2019年1月5日发布阅读预计需要 2.9 分钟
借助socket.io模块双向传输视频直播流,本文涉及canvas绘制捕获到的视频流,及从服务端接收编码后的图像帧并通过canvas渲染。
前后端分离开发微信网页端项目
2018年12月15日发布阅读预计需要 13.0 分钟
我将在本文中阐述我对前、后端分环境开发——尤其是在微信公众号网页端项目中前、后端如何分环境开发——的思考。
[译] Fabric.js入门—面向对象
2019年1月17日发布阅读预计需要 5.2 分钟
对象模型/画布/图像/路径
微电路流光动效
2018年7月14日发布阅读预计需要 1.8 分钟
在信工所的这段时间,收获最多的却是我。FUI视觉语言,极具科幻感。
Ai绘制SVG矢量图CSS3做动画
2017年3月20日发布阅读预计需要 3.7 分钟
Ai 的全称是 Adobe Illustrator。就像 Ps 的全称是 Photoshop 一样。他们都是 Adobe 公司旗下优秀的图形图像创意产品。Ps 面向摄影师,Ai 面向矢量图形设计师。Ai 和前端的结合点在于 SVG。在 Ai 中制作的矢量图形能导出成 SVG 格式的文件。SVG 又能通过 CSS 控制其部分样式。CSS3 新增了 transform 属性和 keyframe 特性,所以 SVG 配合 CSS3 就能制作出有意思的动效出来。
微信网页端获得用户授权
2018年12月22日发布阅读预计需要 6.4 分钟
帅华君将在本文介绍基于Nodejs微信网页授权以及如何正确在前后端配置JSSDK接口。
JavaScript原型链学习指南
2019年3月3日发布阅读预计需要 5.6 分钟
我使用颜色与形状的可视化方法,将JavaScript中对象原型与原型链的抽象概念呈现在在涂鸦上,乍一看复杂,细看恍然大悟。
缓存公众号的access_token
2017年9月5日发布阅读预计需要 4.9 分钟
本篇介绍如何获取ACCESS_TOKEN并将其缓存,以避免接口调用次数超额。
开源直播软件OBS Studio入门教程
2020年1月22日发布阅读预计需要 6.3 分钟
OBS Studio 免费开源的视频录制与直播流软件,支持 Windows、macOS、Linux 操作系统,搭配 Soundflower 在 macOS 系统捕捉桌面音频,bilibili是国内知名的视频弹幕网站,本篇教程记录我使用 OBS Studio 与 Bilibili 直播的学习过程。
Arduino硬件编程入门
2019年7月19日发布阅读预计需要 11.8 分钟
由于Ruff的不成熟给开发带来诸多不便,弃坑Ruff拥抱Arduino,从点亮一排LED入门Arduino开发板的学习吧。
定制地图与雷达波动效
2019年10月4日发布阅读预计需要 4.2 分钟
地图是FUI界面中常出现的组件之一。我希望Airglass.js能处理好地图渲染,以及地图中丰富多样的动效,所以尝试用Airglass.js完成一个关于地图的最佳实践。在探索的中后期,我将Three.js纳入解决方案与Airglass.js来一次混搭。
[译] Fabric.js进阶—事件驱动
2019年1月17日发布阅读预计需要 5.9 分钟
动画/图像滤镜/颜色/渐变/文字排版/事件
使用Animate设计动画图标
2018年4月11日发布阅读预计需要 4.2 分钟
我深知灵感从来都不是容易出现的,我不是一位需要随时都有灵感的专业的创意设计师,而是一名大部分时间依靠足够丰富的编程经验就能搞定事情的前端工程师。一点新鲜感,加一点点突如其来的灵感,为了不浪费这来之不易的灵感,我为自己的个站设计了几枚动态图标。这篇想法我要分享自己是如何使用 Adobe Animate CC 为自己的个站制作小而美的动态LOGO的。制作逐帧动画真的需要很大的耐心。如果完成一枚动态LOGO需要100%的精力,一瞬间的灵感只占30%,剩下的70%用专注和耐心灌溉,坐得住很重要。
Arduino制作流水灯
2019年7月25日发布阅读预计需要 7.2 分钟
先回顾Arduino基础,搭配涂鸦图解数字信号与模拟信号,逐步引导了解如果使用Arduino开发板制作了ED流水灯效果。
回到主页
陈帅华动态先知道,请关注一个教程。
一个教程微信个人订阅号
笔友留言
jannylz,2019年9月12日留言《在线图像标注工具》
请问在线体验入口在哪里?可否标注矩形框,可以拖拽类型的