H5
文章平均质量分 92
java亮小白1997
纵有千古,横有八荒。前途似海,来日方长。凡心所向,素履所往。生如逆旅,一苇以航。
展开
-
Bootstrop学习
一、开始原创 2021-11-30 22:57:32 · 354 阅读 · 0 评论 -
HTML5笔记总结(三)SVG
一、SVG概述 SVG是一种图像文件格式,意思为可缩放的矢量图形。它是基于XML,由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。 二、矢量图和位图 三、瞅个案例康康 <svg xmlns="http://www.w3.org/2000/svg" width="200" he原创 2020-12-16 16:00:50 · 654 阅读 · 0 评论 -
canvas时钟案例
一、时钟案例 代码展示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>时钟案例</title> <style type="text/css">原创 2020-12-08 09:51:10 · 327 阅读 · 0 评论 -
HTML5笔记总结(二)
一、Canvas绘制图形 绘制路径 方法 描述 fill() 填充当前绘图(路径) stroke() 绘制已定义的路径 beginPath() 起始一条路径,或重置当前路径 moveTo() 把路径移动到画布中的指定点,不创建线条 closePath() 创建从当前点回到起始点的路径 lineTo() 添加一个新点,创建从该点到最后指定点的线条 clip() 从原始画布剪切任意形状和尺寸的区域 quadraticCurveTo() 创建二次贝塞尔曲线 bezi原创 2020-12-04 16:21:48 · 316 阅读 · 1 评论 -
HTML5案例之蚊香、棒棒糖、爱心、五角星
一、蚊香 <body> <canvas id="mycanvas" width="400px" height="400px"> <!-- 遇到不支持的浏览器 用于提示用户 --> <h2>您的浏览器不支持canvas,请换成谷歌浏览器</h2> </canvas> <script type="text/javascript"> var canvas原创 2020-11-29 12:33:47 · 2228 阅读 · 1 评论 -
HTML5笔记总结(一)
一、什么是HTML5(html+js+css)? HTML的第五个版本,有新的元素、属性、行为; 二、HTML的优势? (1)跨平台:唯一一个通吃PC、IPhone、Android等主流平台的跨平台语言; (2)特效:(canvas、svg) (3)注重用户体验:(Echarts、highchart) (4)提供了很多API接口 ...原创 2020-11-23 22:31:12 · 1010 阅读 · 1 评论