其实一开始也是想在网上找一下有没有相关的资料，但是可惜找不到，所以就自己慢慢的推出来了。我就举一下横坐标的例子吧！ 1. 先做出两个相同的元素，然后标记上坐标，并且设置容器属性overflow:hidden来隐藏溢出内容 ok，我们现在对比一下上面的结果，就会发现，放大3倍的时…

在以前的文章里，不管是绘制图形，绘制点亦或者是改变色值，所有的内容都是静态的。 在 webgl 里，图形的运动分为 平移、旋转、缩放 三种类型。 接下来，我们会从零基础开始，一点一点来深入了解图形如何进行运动。 1. 图形平移 首先我们来看如何实现图形的平移操作。 平移的操作就…

最近做了一个移动端活动页的需求，大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转，来达到diy的目的。用DOM来实现是不现实的，我采用了canvas来实现和用户的交互。开发过程中，涉及到了canvas中对物料元素的拖动、缩放、旋转等。本文将详细介绍在不使用任何第三方库…

在日常开发需求中经常会碰到canvas 画图生成海报图，其中最常见的绘制元素就是图像。一般来说呈现图像的方式都是经过缩放的（下面两种缩放模式参考微信小程序的image组件的呈现方式）。 aspectF