canvas画布上输入文字并交互,这个需求不知道大家遇到过没有,现在可以试试使用EditContext API,天生就为了这种高级输入编辑体验设计的。
阅读全文…
标签:API, canvas, contenteditable, EditContext 发布在 JS API | 一条评论 »
原来前端纯JS就能实现人脸识别检测,使用简单,性能优异,准确率也高,有案例演示,有源码,希望可以帮到大家的学习。
标签:absolute, await, canvas, drawImage, JS检测, Promise, 人脸识别, 图像处理 发布在 JS实例 | 5 条评论 »
给大家演示下如何对比两个IMG图片的相似度,性能和准确度均不错,然后……圣诞节快乐!?
标签:canvas, getImageData, gif, WebCodecs, 图片, 相似度, 颜色相似度 发布在 JS实例 | 10 条评论 »
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
标签:canvas, mix-blend-mode, mp4box.js, pixi.js, VideoFrame, WebCodecs, 解码 发布在 JS实例 | 16 条评论 »
真是大开眼界,没想到纯CSS代码也能实现随机噪点效果。
标签:background-blend-mode, canvas, feTurbulence, filter, repeating-conic-gradient, repeating-radial-gradient, sepia, SVG, 动效, 噪点 发布在 CSS相关 | 6 条评论 »
如果你遇到需要纯前端导出PDF文件的需求,本文百分之一万对你的实现有所帮助。
标签:canvas, export, fetch, FileReader, html2canvas, jsPDF, PDF, 跨域 发布在 JS实例 | 25 条评论 »
本文算是目前国内关于浏览器音视频合成,尤其WebCodecs API进行视频合成这块比较稀缺的内容了。
标签:audio, AudioData, AudioEncoder, canvas, ffmpeg, mp4, VideoEncoder, VideoFrame, WebCodecs, 编码, 视频, 视频合成, 音频 发布在 JS实例 | 11 条评论 »
ImageDecoder是浏览器支持的原生API,可以对GIF动图进行逐帧解析渲染,播放控制,图像处理,水印添加等,都不在话下。
标签:APNG, canvas, gif, ImageDecoder, libgif, WebCodecs 发布在 JS API | 6 条评论 »
突发奇想给自己想了个需求, 抽时间研究并实现了下,作为日后的技术储备,等待厚积薄发。
标签:bezierCurveTo, canvas, pointer-events, quadraticCurveTo, 图形生成, 贝塞尔曲线 发布在 Canvas相关, JS实例 | 6 条评论 »
今天才知道,原来浏览器有原生的API,可以对二维码、条形码进行解析,使用非常简单!
标签:BarcodeDetector, canvas, ImageBitmap, ImageData, 二维码, 图片, 条形码, 编码, 解码 发布在 JS API | 4 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee