贾铭

首先进行功能分析和 dom 结构分析 采用了 canvas 渲染 ( 如果不是 canvas 渲染 那就没必要去实现... )，多画布结构，一个layer用于静态数据展示，...

html2canvas 是一个用于将 DOM 结构转为 canvas 对象的一个库，但是利用其转换 DOM 中的图片时会遇到跨域问题，本文主要讲述如何解决该问题，以及具体原...

在玩lol的时候,你点到哪里，英雄就走到哪里，看起来特别自然而又轻松的事，在实现上可没那么容易。毕竟计算机可没那么聪明，只能靠一些条件来约束它，并且一直驱动着它去找路...

大家好，我是前端西瓜哥。 最近尝试做一下周刊，把自己收集的一些觉得比较有意思的图形编辑器相关的文章、工具、资讯等进行推荐，希望对你有所帮助。 fig 文件转 leaferj...

konva vue3 实现工程进度图 项目背景 项目全称是《施工管理计划图》，用来记录当前施工的进度，对过去现在未来的工程做好时间规划，欢迎评论。...

使用defineModel时，为什么子组件内没有任何关于props的定义和emit事件触发的代码？修改defineModel返回值会修改父组件上绑定的变量，这是否破坏了vu...

靠ta，在互联网头部大厂得了个S绩效，还得了奖~ 独家解密，部门级项目架构设计的设计思想与思路，要的就是一个授人以渔~...

如何用 Canvas 实现 PS 的液化功能？本文带你进入 Canvas 和传统图像处理的魔法世界~...

大家好，我是前端西瓜哥。 今天我们讲一下图形编辑器用到的一些设计模式。 因为要使用设计模式，所以文中绝大多数代码使用了带有类型系统的 TypeScript 语言。 发布订阅...

本文研究了网页版剪映是如何实现的，并写了简易的demo，WebCodes进行编解码，webgl做视频转场...

视频编码之I，P，B帧 编码主要是想办法压缩视频的大小。 使用帧间编码技术可以去除时间上的冗余信息，具体包括以下几个部分。 运动补偿：运动补偿是通过先前的局部图像来预测、补...

在Web的开发中，对于下拉选项的称谓各有不同，比如下拉菜单，下拉选择框等等。不同的场景之下，采用的方式也有所不同，在这篇文章中，我们就一起来聊聊Web下拉选项相关的事情。...

大家好，我是前端西瓜哥。 下面我们看一个平面几何算法。 已知两条直线形成的折线，和圆角的半径，求在两条直线相交位置添加该圆角后的形状。 如图： 思路 思路非常简单。 将两条...

本文介绍了基于 Konva 实现 H5端的轻量级图文编辑器的一种方法，在实现这个轻量级的图文编辑器的过程中我们总结了设计思路和常见的问题处理方案。...

首先要知道一个事情： **JSX 是无法直接运行在浏览器环境**。 ### 为何要 import React from 'react'? JSX 语法不能直接被浏览器解析和...