计算机图形学
不睡觉的怪叔叔
行胜于言
展开
-
使用canvas绘制网格与坐标轴
目录一、绘制网格二、绘制坐标轴一、绘制网格 网格效果: 代码: drawGrid.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2019-07-29 20:52:34 · 2444 阅读 · 0 评论 -
canvas绘制重复图案
canvas的createPattern()可以用于绘制重复图案,它可以接收image元素、canvas元素或video元素作为图案参数,并且可以传入如何重复图案的字符串参数:repeat —— 为整个区域绘制重复图案 repeat-x —— 只在x方向绘制重复图案 repeat-y —— 只在y方向绘制重复图案 no-repeat ——...原创 2019-08-16 10:24:20 · 4086 阅读 · 0 评论 -
canvas之橡皮筋技术
目录一、使用橡皮筋技术绘制线段二、使用橡皮筋技术绘制圆三、使用橡皮筋技术绘制多边形 橡皮筋的特点是可以拉长与缩短,那么如何在canvas的绘图当中模仿这一特点呢?就是如何产生以下的这种类似橡皮筋的效果呢? 在canvas绘图中,这种效果的原理是不断的清空画板且不断的绘制图形,而清空画板利用了canvas绘图表面的保存与恢复的机制。一、使用橡皮筋技术绘制线段...原创 2019-08-21 17:10:31 · 1890 阅读 · 0 评论