在默认情况之下，如果在Canvas之中将某个物体（源）绘制在另一个物体（目标）之上，那么浏览器就会简单地把源特体的图像叠放在目标物体图像上面。 简单点讲，在Canvas中，把图像源和目标图像，通过Canvas中的globalCompositeOperation操作，可以得到不同的效果 ...

使用不同的 globalCompositeOperation 值绘制矩形。蓝色矩形是目标图像。红色矩形是源图像。 定义和用法 globalCompositeOperation属性设置或返回如何将一个源（新的）图像绘制到目标（已有）的图像 ...

...

首先想到根据在canvas上鼠标移动，然后再重新画图。但无法确定鼠标前后两次移动的距离，所以无法准确确定图像位置。 而后再根据网上的例子，定义一个div，将div覆盖在图像之上，在移动div的同时，将坐标传给canvas，重新绘制图像。 同时需要熟悉javascript各种坐标 ...

　　以前用canvas画图时，都是直接在canvas标签里直接写上宽高，没有问题，但也没有探究过为什么宽高要直接写在canvas标签里，因为各个资料的例子上都是这么写的。今天王sir提出了一个问题：如果把宽高写在<style>里，看看会有什么不同。自己试了以下，果然有问题。 先看 ...

canvas.width 和 它的style.width是不一样的： canvas是个画布，有他自己的宽和高（默认是没有单位的纯数字），就是canvas.width和canvas.height的宽和高， 行间样式里如果你用vh和vw设置 ...

wxml 文件： js 文件： wxss 文件 ...

什么是canvas ？ Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。 canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 HTML5之前 ...