一个单位圆的方程是 X2 + Y2 = 1，画在坐标系中： 对于圆来说，由于它是高度对称的，旋转属性对它而言意义不大。 在 canvas 画布上绘制一个圆很简单，有两种方法： 1. 使用 html5 中提供的 drawArc API 2. 我们也可以用公式 X2 + Y2 = 1，将 X 从 -1 ...
分类：
其他好文 时间：
2018-09-20 13:47:31
阅读次数：
265
2018-8月，最近一直在做小程序，前前后后做了也有几个了，简单整理一下给自己看 仿抖音小程序，视频全屏幕显示，下拉和上滑可以切换视频，右下角的图标有点丑 头像、图片小工具，实现头像变圆、头像加字、九宫格图片等一些图片处理功能，主要用到了we-cropper这个小程序插件，学习了一些canvas画布 ...
分类：
微信 时间：
2018-09-09 15:26:02
阅读次数：
222
一、fabricjs的引用 1.可以直接通过script引入 2.通过npm安装 1）npm install fabricjs 2）在需要使用的地方导入 import { fabric } from 'fabric' 然后就可以使用fabric来对canvas画布进行图形的编辑 二、fabricjs ...
分类：
Web程序 时间：
2018-08-18 18:39:17
阅读次数：
4939
一、Canvas画布练习 1）简单的绘制图框 from tkinter import * # 构建一个窗口 tk = Tk() # 画布 canvas= Canvas(tk,width=400,height=400) # 单位像素 canvas.pack() def python(): # 槽函数 ...
分类：
其他好文 时间：
2018-08-03 11:35:20
阅读次数：
172
特别来记录一下canvas绘制图像，要在图片加载完后，才会将其显示在canvas画布之上，否则会显示不出来；深刻体会，愣是找不到问题。。。 要在图片加载完成之后，图片加载完成之后。。。 ...
分类：
其他好文 时间：
2018-06-25 17:03:37
阅读次数：
163
##canvas（画布） fillStyle 填充色 strokeStyle 画笔颜色 lineWidth 设值线条宽度 rect 创建矩形 moveTo 起始点 closePath 自动闭合 lineTo 添加一个新点，然后从开始点到这个点的线条 arc 用于画圆形或部分圆 scale 缩小或放大 ...
分类：
Web程序 时间：
2018-06-19 00:53:19
阅读次数：
239
HTML5的Canvas特性非常实用，我们不仅可以在Canvas画布上绘制各种图形，也可以制作绚丽的动画，比如这次介绍的水波纹动画特效。以前我们也分享过一款基于HTML5 WebGL的水波荡漾动画，让人惊叹不已，这次分享的HTML5 Canvas水波纹动画同样非常震撼人心。 在线演示源码下载 ...
分类：
Web程序 时间：
2018-06-10 18:58:59
阅读次数：
796
arc(x, y, radius, startRad, endRad, [anticlockwise]) 在Canvas画布上绘制以坐标点(x,y)为圆心、半么为radius的圆上的一段弧线。这段弧线的起始弧度是startRad，结束弧度是endRad。这里的弧度是以x轴正方向为基准、进行顺时针旋转 ...
分类：
其他好文 时间：
2018-06-09 13:15:20
阅读次数：
130
“小海龟”turtle是Python语言中一个很流行的绘制图像的函数库，想象一个小乌龟，在一个横轴为x、纵轴为y的坐标系原点，(0,0)位置开始，它根据一组函数指令的控制，在这个平面坐标系中移动，从而在它爬行的路径上绘制了图形。 turtle绘图的基础知识： 1.画布(canvas) 画布就是tur ...
分类：
编程语言 时间：
2018-06-03 01:04:05
阅读次数：
373
摘要：Canvas画布是一个二维平面，如何展示出3D效果？通过将三维空间中的Z轴抽取出来，将图像的点投影到与Z轴垂直的平面上，在通过旋转等变换效果，我们就能实现3D效果。 ...
分类：
其他好文 时间：
2018-05-01 23:19:11
阅读次数：
2813
