![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
H5 canvas学习
H5 canvas学习
啵雨的博客
要学习的还有很多!!
展开
-
H5 canvas学习 ---案例(三)折线图
H5 canvas学习 —案例(三)折线图 总体效果: 显然,我们要用面向对象的思维,画这个图 html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #myCanvas{ border:1px solid #ccc; } </style> <原创 2020-05-14 00:46:03 · 476 阅读 · 0 评论 -
H5 canvas学习----案例(二)钟表
H5 canvas学习----案例(二)钟表 一.钟表刻度的制作: 1. <canvas id='myCanvas'></canvas> <script> var myCanvas = document.getElementById('myCanvas'); myCanvas.width = 1000; myCanvas.height = 700; var x = 200; var y原创 2020-05-12 22:32:32 · 158 阅读 · 0 评论 -
H5 canvas学习 ---案例(一)太极图
H5 canvas学习 —案例(一)太极图 <body> <canvas id='myCanvas'></canvas> <script> var myCanvas = document.getElementById("myCanvas"); myCanvas.width = 1000; myCanvas.height = 700; var cvs = myCanvas.g原创 2020-05-12 01:13:18 · 246 阅读 · 0 评论 -
H5 canvas学习----基础知识
H5 canvas学习----基础知识 一.canvas的简介和基本使用: 1.canvas是什么? a)是一个html5新增的标签 b)是一个画布,可以通过js的api添加图案 2.canvas能做什么?使用场景 应用场景: 1》做游戏 2》画图案 3.canvas使用 a) <canvas></canvas> b) 创建一个2d对象 getContext(“2d”) ps:3d需要插件的支持 c) 画内容 2.canvas初识: <style> #myCanvas{原创 2020-05-12 00:39:49 · 313 阅读 · 0 评论