H5
文章平均质量分 92
java亮小白1997
纵有千古,横有八荒。前途似海,来日方长。凡心所向,素履所往。生如逆旅,一苇以航。
展开
-
Bootstrop学习
一、开始原创 2021-11-30 22:57:32 · 336 阅读 · 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 · 641 阅读 · 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 · 323 阅读 · 0 评论 -
HTML5笔记总结(二)
一、Canvas绘制图形绘制路径方法描述fill()填充当前绘图(路径)stroke()绘制已定义的路径beginPath()起始一条路径,或重置当前路径moveTo()把路径移动到画布中的指定点,不创建线条closePath()创建从当前点回到起始点的路径lineTo()添加一个新点,创建从该点到最后指定点的线条clip()从原始画布剪切任意形状和尺寸的区域quadraticCurveTo()创建二次贝塞尔曲线bezi原创 2020-12-04 16:21:48 · 314 阅读 · 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 · 2218 阅读 · 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 · 1000 阅读 · 1 评论