首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
canvas
订阅
嘿嘿_哈哈
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
简单而不简单的视频剪辑web实现
最近看到某些视频剪辑工具,觉得蛮好玩的,看起来很复杂其实本质上实现相应一些基础功能其实相对简单,这里核心是视频剪辑和在视频添加对应的文案。当然衍生下去其实还有更多的
如何开发一个可以拖拽,可以resize的组件
视频剪辑类工具常常需要这个样一个组件,如何用vue实现一个? 实现 resize 上面每一个小块我们称之为item ,item 左右各有一个holder ,item 在其父容器中是绝对定位(posit
低代码必备!带标尺和缩略图的画板
低代码平台经常要用到标尺和缩略图操作同步的画板,点进来就能定制你的专属低代码画板!还等什么!快看我!
纯web实现视频编辑工具 fly-cut
fly-cut是使用webcodecs实现的Web端视频编辑工具,类似剪映Web版。 fly-cut支持导入文本、图片(静态图片、动图)、音频、视频进行编辑,然后合成导出视频;并且所有功能不依赖后端。
用canvas实现逐帧预览视频,并下载
HTML 具体实现 初始化 获取具体帧画面 这个函数,能根据给定的视频文件和某一秒,生成那一秒的视频画面 时间也可以给个数组,最终返回对应的Blob和url对象 接下来需要实现genFrame函数 首
【JS笔记】JS获取视窗、页面、DOM等各类高度
通过 JavaScript 获取浏览器内各类高度和事件触发位置相对各个层级的位置,主要通过系统提供的window中的属性获取,其中视窗对应client、页面对应page、DOM对应offset。
想实现Canvas元素拖拽?速来一探究竟,你也可以轻松做到!
元素拖拽是一种常见的交互设计模式,在许多场景下都有应用:地图打标、画板图形拖拽、可视化组件拖拽、交互式表格等。实现元素拖拽的核心在于监听和响应鼠标事件,模拟canvas元素事件,并同步更新Canvas
打造图像编辑器(一)——基础架构与图像滤镜
前言 这是一个针对于图像编辑的系列,我会陆陆续续完成包括但不限于:图像滤镜、高级滤镜、图像卷积、图像压缩、水印、Gif操作、图像格式转换等功能。尽量所有的计算都在前端(浏览器)完成,不涉及到服务器计算
如何实现一个Canvas渲染引擎(一):节点和层级关系
canvas并不会主动维护一个层级关系,我们能做的事情,只有画圆、画矩形、画线等,至于像DOM那样,在一个节点上调用appendChild来给这个节点添加子节点这种事情,在canvas里是不存在的..
如何实现一个Canvas渲染引擎(三):碰撞检测(射线法和像素标记法)
假设我们现在在canvas上画了很多个节点(DisplayObject),这些节点形成了一套层级关系,我们将鼠标移动到canvas元素上并点击了一下左键,这个时候,如何判断鼠标点到了哪个节点呢....