用户2817369919578

在上篇文章《别再用 float 布局了，flex 才是未来！》中，我们聊到 Flex 布局才是目前主流的布局方式。在文章最后，我们还贴了一个案例，并且还浅浅地讲解了一下。 有些小伙伴说，这讲解得太粗了

迅排设计自从正式开源以来受到了各界广泛关注，Github 仓库更是短短一个月时间就突破 1000+ Star 🎉，受宠若惊！期间我也在不断地对项目进行更新和优化......

笔者根据参与可视化项目时探索的经验，对可视化项目前后台布局的要点做了一个梳理，因为最难也是最重要的一个区域就是画布区布局设计，其它区域相对来说要简单一些，所以这次主分享的就是这块区域的布局方案。 后台项目一般都会有个页头，放一些功能或者选项。 然后是左侧组件区，不论是你做可视化…

本文适合有一定canvas基础的朋友。 1. 项目介绍 真心感觉界面设计的好看，我就借鉴过来了，哈哈哈。但是我的dom架构设计和上面文章里的不一样。 3. 项目开发流程与变量说明 1. 保存历史记录使用api对比 2. 画直线 3. 图片旋转 4. 如何画出一条光滑的曲线 5.…

最近想系统看下 canvas 这个东西，所以找了一个库看看，本来打算写一两篇文章沉淀一下，发现东西有点多😦，索性就拆成了系列文章。

本系统是基于fabric.js实现的canvas版图片,文本编辑器,支持对图片的放大,缩小,旋转,镜面翻转,拖动,显示/隐藏图层,删除图层,替换图层等操作,对文本支持修改文本内容,颜色,字体,加粗,斜体,下划线,背景色等,同时支持图片已有的操作,拖动图层有辅助线功能,可对画布做…

本节我们通过简单的在canvas上绘制矩形，学习如何实现无限画布，屏幕坐标系如何转换成canvas坐标系，无限画布如何导出成图片

本文会带大家认识Canvas中常用的坐标变换方法 translate 和 scale，并结合这两个方法，实现鼠标滚轮缩放以及画布拖动功能。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。