大家好，我是前端西瓜哥。今天我们来实现图形编辑器的标尺功能。 标尺指的是画布上边和左边的两个有刻度的尺子，作用让用户知道他正在编辑的视口所在位置范围。 我们的需求是：间隔特定的长度，绘制一个刻度，并显

案例+图解带你一文读懂SVG 圆角大杀器，使用滤镜构建圆角及波浪效果 使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 说说Go中的语法糖 Snowflake设计揭秘 SpringBoot中

接上一篇： https://juejin.cn/post/7098256201661546532 在这一讲我们讨论一种使用距离来构图的基本方法，用它可以来绘制各种直线和曲线。

用户体验好的canvas应有2个特性: 一屏展示全、比例与初始屏幕一致，且缩放过程中，比例不变并尽量撑满屏幕。本文教你如何实现这种极致用户体验的响应式canvas。

本文就让我们来用kokomi.js实现一个非常经典的物理游戏——粉碎弹珠（Smash Hit）。 游戏中你将成为一颗弹珠，通过弹射来粉碎面前的一切障碍物，特别适合用来解压。

前面的绘图，我们采用的都是直角坐标系，我们可以用坐标变换，将坐标系从直角坐标转换为极坐标，这样一个简单的坐标变换，就能产生非常有趣的图形效果。

Storyshots: 快照测试。 Specs: 交互测试。 Notes: 在 story 中添加备注。 Info: 用于创建 css 框架手册。 Readme: 将 markdown 导入为 story。 actions: 显示事件的 event 对象。 Intl: 添加 l…

从19年到21年,笔者利用空余时间陆陆续续做了一些开源项目, 大部分开源项目都立足于企业实际业务需求, 所以笔者觉得有必要做一个总结和复盘.