最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

标签:html5

Canvas学习5:线型
Canvas

Canvas学习5:线型

rockyxia 7年前 (2017-06-19) 10424浏览

写在前面 在绘制线段一文中,了解到如何在Canvas中绘制线段。虽然使用Canvas中API可以很轻松的绘制出线段,但里面还是有不少的细节需要了解。这篇文章咱们就来了解线段中的线型。 Canvas中的线型主要包括线宽、线段端点和线段连接点三个部分。那么咱们先来了解线宽。 线宽 通过前面的示例,我们不难发现,在Canvas中通过lineWidth属性来定义线段的粗细。我们可以给其明确指定一个value值,在没...

Canvas学习4:绘制虚线和圆点线
Canvas

Canvas学习4:绘制虚线和圆点线

rockyxia 7年前 (2017-05-26) 9888浏览

写在前面 上一节中,使用moveTo()、lineTo()和stroke()可以很轻易的在Canvas中绘制出实线(线段)。整篇文章中看到的都是绘制实现。不知道你和我是不是一样的好奇,那么要在Canvas中绘制虚线和圆点线又要怎么绘制,在Canvas有没有类似的API能直接绘制呢? 其实我也很好奇,看了一些资料,要像绘制实线那样简单或者直接,相对来说是没有的,但不用担心,通过其他的方法也是可以实现的。因为J...

Canvas学习3:绘制线段
Canvas

Canvas学习3:绘制线段

rockyxia 7年前 (2017-04-17) 8357浏览

写在前面 在上一篇介绍Canvas坐标系统的结尾处,我们使用了Canvavs绘制了一个网格。整个效果是由直线和文本构成。在这一节中,我们来看看如何使用Canvas绘制线段。 在Canvas中,线段也是路径中的一种,被称之为线性路径。在Canvas中绘制线性路径主要用到moveTo(x,y)、lineTo(x,y)和stroke()几个方法。 先画一条简单的直线 Canvas画一下直线非常的容易。众所周之,...

Canvas学习2:Canvas里的坐标系统
Canvas

Canvas学习2:Canvas里的坐标系统

rockyxia 7年前 (2017-03-30) 9588浏览

写在前面 上一节我们做好了使用Canvas的准备工作,但并没有深入的介绍如何使用Canvas,比如怎么绘制图形,怎么做Canvas动画等。但并不用着急,随着我们后面的深入学习,这一切都会知道的。在深入学习之前,我们有必要先了解Canvas里的坐标系统。那么这一节,就先来了解Canvas的坐标系统。 笛卡坐标系 在数学里,我们学过一种坐标系统,叫作笛卡坐标系(Cartesian Coordinate sys...

Canvas学习1:Canvas入门准备
Canvas

Canvas学习1:Canvas入门准备

rockyxia 7年前 (2017-03-27) 10139浏览

写在前面 由于工作的需要,最近开始在学习HTML5的canvas相关的知识。这里主要记录自己学习canvas相关的知识笔记。如果文章有不对之处,还请大婶们多多指正。 今天这篇文章是学习canvas的一些准备工作。 本教程来自w3cplus.com,著作权归作者所有。 canvas元素 <canvas>也是HTML中的一个元素,可以给这个元素添加一些HTML属性,比如使用width和height...

Javascript

html5 网页视频播放器 video.js 与 OSM Player

rockyxia 11年前 (2013-10-04) 11061浏览

写在前面 最近一个网站项目用上响应式布局,这也是我的第一次尝试,其实做起来也一样并没有遇到太大的问题,开始的时候可能需要大量的百度和谷歌你才能入门,当你真正去做的时候会发现很便捷。 正文开始 由于响应式布局主要是针对移动手持设备的,占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器,这个大家应该都能想到,使用了html5时我们必须要考虑到目前国内的大量的ie6-...

CSS

HTML5和CSS3令设计师心动的新特征

rockyxia 12年前 (2012-03-22) 7860浏览

写在前面 本文标题的这副图片,是用Phosotshop制作的。但是,在搜索引擎中你却无法搜索到它,搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小,可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么,有没有一种新的方法可以避免这些缺点呢? 有的,HTML5和CSS3就可以满足你的需求。甚至,它可以做的更多,更好。作为一名设计师,我们应当了解它们是什么东西,有什么特性,从而进...

CSS

HTML5和HTML4之间的10个主要不同点

rockyxia 13年前 (2011-11-18) 6281浏览

HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。 事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。 可是,其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要...