大家好，我是前端西瓜哥。今天看看绘制图形和辅助线时，坐标转换的一些注意点。 先回顾一下之前讲的视口坐标和场景坐标的转换关系。 视口转场景： 场景转视口： 图形的绘制 场景很大，但能画的范围其实就视口大

阿最近发现的一篇超好文！前一年自己曾有开发网页手绘板，如果当时有看见它就好啦！文末的两个超6效果千万不要错过喔！p.s. 原文每个例子都附带codepen，感兴趣的话可以点进原文挨个进行试验~ 我最近在试验网页手绘的不同风格—比如顺滑笔触，贝塞尔曲线笔触，墨水笔触，铅笔笔触，印…

svg实现图形编辑器系本文会继续丰富以下编辑能力： - 移动靠近其他精灵时吸附上去，并显示辅助线 - 缩放靠近其他精灵时吸附上去，并显示辅助线 - 画布上显示网格，精灵在画布上拖拽时可以吸附在网格上，

一位93年的前端开发者从一个开源门外汉变成了一个开源发起者，项目已经1K+ Star，分享一下自己的开源项目和开源历程，供大家参考。

先从div中元素水平垂直居中谈起 元素在盒子内水平垂直居中，通常是为了展示上的好看。如果是div中元素的垂直居中，最好的方式就是flex布局，代码非常简单： 排名第二的方式： 那在svg中呢？如果也这

无论大公司还是小公司，我们开发前端工程时候，项目工程又很多类似的功能或者页面，开发经常是加班加点搬砖去做一些无成长反复操作的工作，看键盘上 Ctrl 键已经被磨掉了漆，C 和 V 也马上磨白了，那对于开发如何把这些重复的工作用机器去解决？在前端资源紧缺的情况下，是否可直接有工具…

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…

为了更好在vscode的webGL开发体验，本文将从vscode插件和手写一个node插件，几分钟让你可以快速提高几倍的书写效率，从此告别glsl书写的恐惧症。

相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于