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 · 553 阅读 · 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 · 202 阅读 · 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 · 292 阅读 · 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 · 368 阅读 · 0 评论