diaoji4196-CSDN博客

转载微信浏览器video播放视频踩坑

video属性介绍iOS的属性playsinlineOn iPhone, video playsinline elements will now be allowed to play inline, and will not automatically enter fullscreen mode when playback begins.video elements wit...

2019-05-14 20:43:00 3953

转载【canvas学习笔记八】像素操作

ImageData对象ImageData对象包含了一个区域内的canvas的像素信息。它包含以下可读属性：widthcanvas的宽度，单位是像素。heightcanvas的高度，单位是像素。data一个Uint8ClampedArray的一维数组，包含了每个像素的RGBA值。什么是Uint8ClampedArray？这个数组里的数值是8位的整型，而且值得范围在0和2...

2017-08-29 15:00:00 224

转载【canvas学习笔记七】混合和裁剪

globalCompositeOperation如果我们先画了一个图形，然后要在这个图形上面再画一个图形，那么这个图形会怎么样呢？是覆盖在原来的图形上面吗？这时候，就要用到globalCompositeOperation这个属性了。当有两个图形重叠的时候，可以有很多种混合模式，比如上面的图形盖住下面的，或者下面的图形盖住上面的，或者去掉重叠的部分。globalCompositeOpe...

2017-08-28 17:25:00 151

转载【canvas学习笔记六】状态保存和变换

save()和restore()save()保存当前状态，将当前canvas的状态存入栈中。restore()恢复之前save的一个状态，将之前的状态从栈中弹出。保存的当前状态包含以下信息：变换（平移、旋转、缩放）属性： strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLi...

2017-08-28 10:21:00 139

转载【canvas学习笔记五】使用图片

在canvas里画图有两个步骤：获得图片源。drawImage()画图。图片源canvas支持以下几种图片资源：HTMLImageElement可以使用Image()方法构造的图片，也可以是HTML的元素。HTMLVideoElement可以使用HTML的标签中视频的某一帧作为图片资源。HTMLCanvasElement可以将另一个canvas作为图片资源。...

2017-08-25 10:48:00 108

转载【canvas学习笔记四】绘制文字

本节我们来学习如何绘制文字。绘制文字有两个主要的方法：fillText(text, x, y [, maxWidth])在x, y位置填充文字text，有一个可选参数maxWidth设置最大绘制宽度。strokeText(text, x, y [, maxWidth])在x, y位置给文字text描边，有一个可选参数maxWidth设置最大绘制宽度。文字样式有一些属性用...

2017-08-14 15:21:00 153

转载【canvas学习笔记三】样式和颜色

上一节我们学习了如何用路径绘制各种形状，但我们只能用默认的颜色和线条。这节就来学习设置不同的颜色和线条样式。颜色设置颜色主要有两个属性：fillStyle = color设置填充颜色strokeStyle = color设置描边颜色颜色值可以用十六进制也可以用一些内置的颜色字符，还可以用rgb和rgba格式。例子：// these all set the fillS...

2017-08-02 20:18:00 527

转载【canvas学习笔记二】绘制图形

上一篇我们已经讲述了canvas的基本用法，学会了构建canvas环境。现在我们就来学习绘制一些基本图形。坐标canvas的坐标原点在左上角，从左到右X轴坐标增加，从上到下Y轴坐标增加。坐标的一个单元是1像素。示意如下：矩形canvas可以绘制的多边形只有矩形，其他都要通过线段拼接而成。绘制矩形有三个API：fillRect(x, y, width, height)绘制一...

2017-07-28 16:36:00 261

转载【canvas学习笔记一】基本认识

<canvas>标签定义了一块画布，画布可以在网页中绘制2D和3D图象，现在先学习如何绘制2D图象，绘制3D图象属于WebGL的内容（也就是网页版的OpenGL，3D图形接口）。属性<canvas>只有width和height两个属性。如果没有设置width和height属性，canvas的默认初始大小是宽300px，高150px。如果通过CSS来设置ca...

2017-07-25 18:25:00 90

转载 JavaScript如何比较两个数组的内容是否相同

今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的。alert([]==[]); // falsealert([]===[]); // false以上两句代码都会弹出false。因为JavaScript里面Array是对象，==或===操作符只能比较两个对象是否是同一个实例，也就是是否是同一个对象引用。目前JavaSc...

2017-05-02 11:44:00 425

转载 clientX、pageX、offsetX、screenX的区别

这几个属性的区别说难不难，可是很容易搞混，很长一段时间没用，发现又忘记区别了，记不清哪个是哪个！真的很抓狂！区别：clientX、clientY：相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性。pageX、pageY：类似于clientX、clientY，但它们使用的是文档坐标而非窗口坐标。这2个属...

2016-10-09 21:12:00 179

转载【翻译】详解HTML5 自定义 Data 属性

原标题：HTML5 Custom Data Attributes (data-*)你是否曾经使用 class 或 rel 来保存任意的元数据，只为了使你的JavaScript更简单？如果你回答是的，那么我有一个令人激动的消息要告诉你！如果你回答不是，并且你还想，“咦，这个主意不错哦~”，那我劝你尽早放弃这个幼稚的想法，并看完本文。多亏了HTML5，我们可以嵌入自定义的 data ...

2016-08-09 15:55:00 107

转载 PHP快速教程

1.本文主要针对有C语言（或其他编程语言）基础的人快速学习PHP的，所以不会对一些基础知识作过多解释，比如“=”是赋值不是等于。2.本文适合已学过一门编程语言，想要快速入门PHP的人。3.基本上看完本文即可入门，可以动手实践或是进阶。简介PHP是Hypertext Preprocessor（超文本预处理器）的递归缩写。这是一种特别适合网页开发的服务器端脚本...

2016-08-01 15:49:00 131

转载【翻译】使用CSS3和jQuery制作跟随鼠标方位的Hover特效

今天我们来学习如何通过CSS3的特性和jQuery来创建一个感知鼠标滑动方向的hover效果。当鼠标滑进的时候，遮罩层会从上次鼠标滑出的方向滑入，当鼠标滑出的时候，遮罩层会跟随鼠标，从鼠标滑出的方向滑出。这是一个十分有趣的效果。我们使用无序列表来组织缩略图和描述遮罩层：<ul id="da-thumbs" class="da-thumbs"> &lt...

2016-07-24 11:31:00 100

转载 JavaScript实现Tab标签页切换的最简便方式

转载请注明出处：http://www.cnblogs.com/-867259206/p/5664896.html先说一下最土的一种方法：Html: <div class="tab-head"> <h2 id="tab1" onmouseover="changeTab1()" class="selected">...

2016-07-12 21:08:00 838

转载【Unity Shaders】学习笔记——SurfaceShader（十一）光照模型

【Unity Shaders】学习笔记——SurfaceShader（十一）光照模型转载请注明出处：http://www.cnblogs.com/-867259206/p/5664792.html如果你想从零开始学习Unity Shader，那么你可以看看本系列的文章入门，你只需要稍微有点编程的概念就可以。水平有限，难免有谬误之处，望指出。...

2016-07-12 20:36:00 453

转载 Android实现无标题栏全屏的三种方法

一、通过Java代码在setContentView之前执行：requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏标题栏getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCRE...

2016-07-10 22:08:00 160

转载【Unity Shaders】学习笔记——SurfaceShader（十）镜面反射

【Unity Shaders】学习笔记——SurfaceShader（十）镜面反射如果你想从零开始学习Unity Shader，那么你可以看看本系列的文章入门，你只需要稍微有点编程的概念就可以。水平有限，难免有谬误之处，望指出。Unity内置的高光函数Unity内置了一种高光光照模型——BlinnPhone。使用方法如下：Shade...

2016-07-10 09:13:00 145

转载【Unity Shaders】学习笔记——SurfaceShader（九）Cubemap

【Unity Shaders】学习笔记——SurfaceShader（九）Cubemap如果你想从零开始学习Unity Shader，那么你可以看看本系列的文章入门，你只需要稍微有点编程的概念就可以。水平有限，难免有谬误之处，望指出。上一节中讲述了制作Cubemap的方法。这一节讲讲怎么使用它。Simple Cubemap先来看一下最简...

2016-07-09 17:09:00 152

转载【CG】CG标准函数库——数学函数

==========================================窝是分割线===================贴出来方便自己查。摘自《GPU编程与CG语言之阳春白雪下里巴人》转载于:https://www.cnblogs.com/-867259206/p/5635964.html...

2016-07-02 20:05:00 120

转载【Unity Shaders】学习笔记——SurfaceShader（八）生成立方图

【Unity Shaders】学习笔记——SurfaceShader（八）生成立方图转载请注明出处：http://www.cnblogs.com/-867259206/p/5630261.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列文章之...

2016-06-30 15:56:00 156

转载【Unity Shaders】学习笔记——SurfaceShader（七）法线贴图

【Unity Shaders】学习笔记——SurfaceShader（七）法线贴图转载请注明出处：http://www.cnblogs.com/-867259206/p/5627565.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列文章...

2016-06-29 17:09:00 269

转载【Unity Shaders】学习笔记——SurfaceShader（六）混合纹理

【Unity Shaders】学习笔记——SurfaceShader（六）混合纹理转载请注明出处：http://www.cnblogs.com/-867259206/p/5619810.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本...

2016-06-27 12:16:00 204

转载【Unity Shaders】学习笔记——SurfaceShader（五）让纹理动起来

【Unity Shaders】学习笔记——SurfaceShader（五）让纹理动起来转载请注明出处：http://www.cnblogs.com/-867259206/p/5611222.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列文章...

2016-06-23 16:13:00 172

转载【Unity Shaders】学习笔记——SurfaceShader（四）用纹理改善漫反射

【Unity Shaders】学习笔记——SurfaceShader（四）用纹理改善漫反射转载请注明出处：http://www.cnblogs.com/-867259206/p/5603368.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列...

2016-06-21 13:45:00 164

转载【Unity Shaders】学习笔记——SurfaceShader（三）BasicDiffuse和HalfLambert

【Unity Shaders】学习笔记——SurfaceShader（三）BasicDiffuse和HalfLambert转载请注明出处：http://www.cnblogs.com/-867259206/p/5598185.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shad...

2016-06-19 15:49:00 140

转载【Unity Shaders】学习笔记——SurfaceShader（二）两个结构体和CG类型

【Unity Shaders】学习笔记——SurfaceShader（二）两个结构体和CG类型转载请注明出处：http://www.cnblogs.com/-867259206/p/5596698.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？...

2016-06-18 19:09:00 179

转载【Unity Shaders】学习笔记——渲染管线

【Unity Shaders】学习笔记——Shader和渲染管线转载请注明出处：http://www.cnblogs.com/-867259206/p/5595924.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列文章之前你...

2016-06-18 11:34:00 122

转载【Unity Shaders】学习笔记——SurfaceShader（一）认识结构

【Unity Shaders】学习笔记——SurfaceShader（一）认识结构转载请注明出处：http://www.cnblogs.com/-867259206/p/5595747.html写作本系列文章时使用的是Unity5.3。写代码之前：当然啦，如果Unity都没安装的话肯定不会来学Unity Shaders吧？阅读本系列...

2016-06-18 10:01:00 330

转载前端JS编码规范

对初学者来说应该学习的JavaScript编码规范：传送门：http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=29292475&id=5019448转载于:https://www.cnblogs.com/-867259206/p/5539522.html...

2016-05-29 15:05:00 99

转载有关CSS的一些事

看到两篇关于CSS的文章，总结的非常好。因为没有那个网站的账号，没法收藏转发，所以把链接贴在这里，分享给大家。这两篇文章对于初学CSS的人来说，总结得很精炼准确，而且通俗易懂。推荐~有关CSS的一些事--CSS和页面布局http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=29292475&id=45309...

2016-05-29 14:47:00 58

转载 JavaScript清空数组的三种方法

[文章系摘自网络，看到有用记录在博客，同时共享给大家]原链接：http://www.2cto.com/kf/201409/335383.html方式1，splicevarary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary);// 输出Array[0]，空数组，即被清空了...

2016-05-06 19:54:00 257

转载 <i>和<em>、<b>和<strong>标签的区别

在HTML4.01中：< b > < i > 是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，仅仅表示样式上是粗体或斜体，而没有强调的语义，这两个标签在HTML4.01中不推荐使用，建议用CSS样式；< em > 和 < strong > 是表达要素(phrase elements)。 &...

2016-05-01 16:25:00 171

diaoji4196的博客