HTML5 - 随笔分类 - 南极看雪的熊

canvas绘制坐标轴

摘要：效果图如下， var canvas = document.getElementById("canvas"), context = canvas.getContext("2d"), AXIS_MARGIN = 40, //一个常量 AXIS_ORIGIN = {x:AXIS_MARGIN,y:canv 阅读全文

posted @ 2016-05-20 23:02 南极看雪的熊阅读(951) 评论(0) 推荐(0)

canvas初探3：画方画圆

摘要：绘制矩形的方法，strokeRect()、fillRect()及clearRect()。效果图如下，左侧为未填充的矩形，右侧为填充的矩形。代码如下所示， var canvas = document.getElementById("canvas"), context = canvas.getCon 阅读全文

posted @ 2016-05-19 22:38 南极看雪的熊阅读(287) 评论(0) 推荐(0)

canvas绘制简易时钟

摘要：时钟绘制的非常简易，但该有的都有了。效果图如下， 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>clock</title> 6 <style> 7 body{ 8 background 阅读全文

posted @ 2016-05-18 10:22 南极看雪的熊阅读(314) 评论(0) 推荐(0)

canvas初探2

摘要：2.2 canvas的绘图环境 canvas仅仅只是一个绘图的容器，其内存在一个绘图环境，该环境对象提供了全部的绘图功能。目前canvas的绘图环境是2d,但canvas规范在着手准备支持其他类型的绘图环境，例如，3d绘图——WebGL。 2d绘图环境调用2d绘图环境的代码， 2d绘图环境的属性阅读全文

posted @ 2016-05-17 10:58 南极看雪的熊阅读(213) 评论(0) 推荐(0)

canvas初探1

摘要：1.canvas的历史首先，它是HTML5的一个标签。它是为了客户端矢量图形而设计的，它没有自己的行为，它将一个绘图API展现给Javascript，使脚本能够把想绘制的东西都绘制到一块画布上。其次，它是在Apple的Safari 1.3版本的浏览器中被引用。随后Firefox 1.5和Ope 阅读全文

posted @ 2016-05-16 12:33 南极看雪的熊阅读(364) 评论(0) 推荐(0)

随笔分类 - HTML5