canvas
4篇文章 · 0订阅
  • 想实现Canvas元素拖拽？速来一探究竟，你也可以轻松做到！
    元素拖拽是一种常见的交互设计模式，在许多场景下都有应用：地图打标、画板图形拖拽、可视化组件拖拽、交互式表格等。实现元素拖拽的核心在于监听和响应鼠标事件，模拟canvas元素事件，并同步更新Canvas
    Canvas 数据可视化
    想实现Canvas元素拖拽？速来一探究竟，你也可以轻松做到！
  • Canvas 画布：图形移动时的辅助线和吸附效果
    使用 TypeScript 封装构造函数 CanvasContainer。实现直线、矩形、多边形在移动过程中与相邻的图形之间显示 辅助线，来辅助对齐的功能；并实现两个图形靠近后自动贴合的 `吸附功能`
    Canvas
  • 使用canvas 如何绘制形状并支持拖拽、缩放功能
    之前遇到过一个面试的机试题，就是用画布绘制形状，并且支持缩放、拖拽功能。现在有点时间就分享一下我是如何一步一步完成这个功能的。看这篇信息之前最好先去看一下canvas 的 api，canvas API 穿梭机。 这里写一个 名叫 chart 的类，在 构造器 construct…
    Canvas
  • 【canvas】react+canvas实现无限画布、鼠标为中心缩放、标尺、移动画布
    本篇是图形学专栏的开篇第一篇，目标是通过实现一个简单的 2D 编辑器博客，来巩固和分享一些图形学的知识。将平时写的demo项目展示在无限画布中。感兴趣的话大家可以收藏关注一下，这是件长期且有趣的事情。
    前端 图形学 Canvas
    【canvas】react+canvas实现无限画布、鼠标为中心缩放、标尺、移动画布