大家好，我是前端西瓜哥。 今天来介绍如何实现图形绘制工具，实现绘制任意的图形。 我之前讲过如何实现工具类管理类的： 《图形编辑器：工具管理和切换》 对应的工具类的实现会围绕用户的 按下鼠标、拖拽、释放

背景 我们用手机的摄像头自拍，很容易实现 简单的自拍效果，如复古、黑白等等。其实我们使用web端的JavaScript也是可以实现的。接下来就带领小伙伴实现一个魔法摄像头。并且提供了截图下载功能。 魔

难道就和领导说实现不了？不！其实一直有另一种自研方案可行，只不过自己一直在逃避而已！不敢尝试罢了... 【 老当益壮，宁移白首之心？穷且益坚，不坠青云之志。】

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

canvas图形绘制； canvas图形拖动； JavaScript构造函数； canvas绘制多个图形块，并可以拖动；

使用LOL和植物大战僵尸的部分ui和音频，来作为塔防和敌人。使用技术：Vue3 + Canvas + ts。

前言 之前我出了一个如何在网页里使用原生JS开发放烟花效果的教程。 竟然有一个前端小阿姨问我，如果想要烟花放出来是文字的话怎么实现，她要给男朋友做一个。 好家伙，这狗粮洒一地呀 那狗粮不能我一个人吃，

可视化大屏该如何做？有可能一天完成吗？看完你将收获，分片渲染、函数缓存、单测、最简全局状态、自动化部署等。