Canvas 什么是canvas: HTML5 的 canvas 元素是使用 JavaScript 在网页上绘制图像，canvas 元素本身是没有绘图能力的，所有的绘制工作必须在 JavaScript 内部完成。它会在网页中绘制一个画布，画布是一个矩形区域，你可以控制到画布的每一个像素，绘制各种图像 ...
分类：
其他好文 时间：
2018-12-17 02:47:37
阅读次数：
189
canvas：什么是canvas？ canvas是使用JavaScript在网页上绘制图像 画布是一个矩形的区域，可以控制每一个像素，拥有多种绘制路径，矩形，圆形，字符以及添加图像的方法 svg：什么是svg？ svg是指可以伸缩的矢量图像 使用xml格式定义图形，图像在放大或者改变尺寸情况下不会对... ...
分类：
其他好文 时间：
2018-12-15 11:58:17
阅读次数：
128
const canvas = document.getElementById('canvas'); // 2、画笔 canvas的上下文对象 const ctx = canvas.getContext('2d'); // 3、设置颜色 调色 ctx.fillStyle = "red"; // 填充颜 ...
分类：
其他好文 时间：
2018-11-30 17:30:45
阅读次数：
192
<canvas></canvas>是html5出现的新标签 context是一个封装了很多绘图功能的对象，获取这个对象的方法是 var context=canvas.getContext("2d"); canvas元素绘制图像的时候有2种方法，分别是 context.fill() //填充 cont ...
分类：
Web程序 时间：
2018-11-20 20:50:10
阅读次数：
328
古诗背诵 要求 ：认真背诵和朗读，然后翻译成现代文，并绘制图像描述图中的意向，时间限制到10 minutes。另外，从中找出英文单词，并记录。 例如：慈母 = kind mother，手 = hand，线 = line，游子 = visitor，衣服 = cloth，缝 = sew 速记词汇系列 要 ...
分类：
其他好文 时间：
2018-10-26 00:45:41
阅读次数：
269
<?php //1. 绘制图像资源（创建一个画布） $image = imagecreatetruecolor(500, 300); //2. 先分配一个绿色 $green = imagecolorallocate($image, 22, 153, 0); //3. 使用绿色填充画布 imagefi... ...
分类：
其他好文 时间：
2018-10-08 19:36:44
阅读次数：
173
<?php //1. 绘制图像资源（创建一个画布） $image = imagecreatetruecolor(500, 300); //2. 先分配一个绿色 $green = imagecolorallocate($image, 22, 153, 0); //3. 使用绿色填充画布 imagefi... ...
分类：
其他好文 时间：
2018-10-08 19:33:49
阅读次数：
167
什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建 Canvas 元素 向 HTML5 页面添加 canvas 元素。 规定元 ...
分类：
Web程序 时间：
2018-09-09 16:52:26
阅读次数：
197
Ctrl+N 新建画布：预设可以选择纸张 A4之类，宽度高度会自动调整 矢量图:矢量图没有像素的概念，面对对象的图像进行绘制图像，使用数学算法放大缩小，清晰度不变 像素图:是屏幕上的点，放大后会呈现马赛克画质 分辨率：分辨率的单位简称Ppi，72ppi表示一英寸由72个像素点组成 初始分辨率要设置好 ...
分类：
其他好文 时间：
2018-09-08 15:20:48
阅读次数：
154
Canvas 使用<canvas>对象,需要设置属性：width，height。指定绘图的区域大小。在canvas标签前后出现的信息将在不支持<canvas>元素的浏览器中显示出来。如下： 要在这块画布上绘图，需要取得绘图上下文。取得绘图上下文对象的引用需要调用getContext()方法并传入上下 ...
分类：
Web程序 时间：
2018-08-23 19:41:06
阅读次数：
211
