HTML5 - 十月梦想博客

HTML5

这家伙很懒,还没填写该栏目的介绍呢~

HTML5

元素居中的多种实现方式!

阅读(769)评论(0)

水平居中<1>行内元素的居中被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。text-align<title>行内元素水平居中</title><style>div{    border:1px sol...

HTML5

HTML5音频audio和视频video用法解析

阅读(463)评论(0)

    html5新增加了2个媒体标签音频(audio)和视频(video),这样就更便于我们进行媒体化元素的内容开发网页!!!先看一下标准化的音频(audio)标签<audio src="YesterdayOnceMore.mp3" controls="cont...

HTML5

canvas文本操作

阅读(479)评论(4)

canvas的文本操作没有那么多内容就一篇文章介绍完毕吧!简单文本操作:代码如下:canvas id="canvas" width="900" height="500"></canvas> <script type="t...

HTML5

canvas扇形图、饼状图绘制

阅读(942)评论(2)

上一篇说过使用arc属性绘制一个完整的圆,这是绘制扇形是不是可以刷一下小聪明吧弧度修改一下,你会发现绘制的扇形想西瓜皮一样,只有初始弧度到结束弧度的一个简单连接,就行下面这个样子,这肯定不是我们想要扇形的样子哇扇形的弧度没有到圆心的连线啊,这不是我们理想中的扇形,(如下图)这样老实巴交的扇形如何实现呢,很简单,在绘制扇形前进行路径引入context.begi...

HTML5

canva之圆的绘制

阅读(469)评论(0)

canvas圆的绘制使用context.arc进行定义,下面看一下arc的参数                        // context.arc(x,y,r,sAngl...

HTML5

canvas之画板简单功能实现

阅读(420)评论(0)

画板简单功能实现代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>画板原理升级版</title> <style> *{ padding:0; ma...

HTML5

canvas简单小应用之绘制三角形

阅读(477)评论(0)

通过上篇文章已经掌握了线条的简单绘制,接下来看一下三角形的绘制过程完整代码如下<canvas width="800" height="500" id="canvas"></canvas> <script type="...

HTML5

canvas简单线条的绘制

阅读(396)评论(0)

下面先来看一下线条的绘制代码,烧我在详细说明    线条绘制代码:<canvas width="800" height="500" id="canvas"> <script type="...

HTML5

canvas画布实现矩形的绘制

阅读(584)评论(0)

简单实现两种矩形的绘制:第一种矩形背景填充简单说就是背景填充的实心矩形代码实现:绘制一个实心矩形cv.fillRect(x,y,width,height)绘制之前声明绘制的实心矩形颜色使用fillStyle<canvas id="canvas" width="500" height=...

©2017 - 2019 十月梦想  |   豫ICP备号19025867-2

豫公网安备 41108102000311号


正在加载中……
sitemap