Canvas
vue开发小应用：使用canvas模拟手写中文签字
今天分享一个vue开发小应用：使用Canvas模拟手写中文签字。我们经常去银行办理业务的时候，需要在设备上手签文字，这个功能如何去实现呢？我们今天来模拟下。用到...
Terry 2022.02.14views: 6157Vue Canvas小应用：使用鼠标绘制矩形的实例
VueCanvas小应用：使用鼠标绘制矩形的实例。<template> <div class="test&...
Terry 2022.01.04views: 7505HTML5 Canvas学习教程：概览
HTML5Canvas元素允许我们在HTML5页面中的canvas区域自由的绘制图形。让我们先来体验一下HTML5Canvas。点击“绘制”按钮，它将会在下...
Terry 2016.10.27views: 16526HTML5 Canvas：制作动画特效
要在HTML5canvas中绘制图像动画效果，你需要绘制出每一帧的图像，然后在一个极短的时间内从一帧过渡到下一帧，形成动画效果。这其实是一种视觉欺骗，原理就像...
Terry 2016.09.28views: 16869HTML5 Canvas：绘图状态和状态栈
当我们在HTML5canvas中使用2D上下文来绘制图形的时候，2D上下文会处于某种状态中。你可以通过操纵2D上下文的属性来设置这些状态，例如fillStyl...
Terry 2016.09.18views: 14645HTML5 Canvas：绘制渐变色
HTML5Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡，而不是单一的颜色。先来看几个canvas渐变色的例子：你的浏览器不...
Terry 2016.09.15views: 21539HTML5 Canvas：合成模式
在我们前面所有HTML5canvas的例子中，图形的绘制都是一个图形位于另一个图形之上的。我们可以通过设置globalCompositeOperation属性...
Terry 2016.09.14views: 17065HTML5 Canvas：像素处理
我们可以直接从HTML5canvas中获取单个像素。通过ImageData对象我们可以以读写一个数据数组的方式来操纵像素数据。当完成像素操作之后，如果要显示它...
Terry 2016.09.12views: 18922HTML5 Canvas：绘制图片
通过前面的学习，我们现在已经可以在HTML5canvas中绘制图形和文字，并给它们设置一些样式。我们还可以在<canvas>中绘制图片。用于在&l...
Terry 2016.09.11views: 18171HTML5 Canvas：绘制文字
我们可以在HTML5canvas上绘制绘制文字，并且可以设置文字的字体，大小和颜色。绘制文字的字体由2D上下文的font属性来控制。如果你需要使用颜色来填充文...
Terry 2016.09.10views: 21536HTML5 Canvas：获取canvas内容-toDataURL()
我们可以通过canvas的toDataURL()方法来获取绘制在HTML5canvas中的内容。做法类似下面的示例代码：varcanvas =...
Terry 2016.09.08views: 43231
