html5
关注
分享
扫一扫
Night_Emperor
这个作者很懒，什么都没留下…
展开
-
HTML canvas createLinearGradient() 方法
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">您的浏览器不支持 HTML5 ca原创 2017-06-20 22:16:16 · 730 阅读 · 0 评论 -
理解浏览器的历史记录
这是一篇基础文章，讲述一些浏览器里面历史记录栈管理的相关内容。写这个的起因，源于我最近想研究pushState，看看用它来实现SPA会遇到哪些问题，而pushState最终影响的就是浏览器历史记录栈里面的内容，所以就花了点时间琢磨了一下浏览器是如何管理历史记录栈的。因为在研究的过程中，发现了一些曾经不曾注意到一些要点，所以就记录下来了。demo地址：http://liuyunzhuge.git...转载 2018-10-08 20:01:58 · 1814 阅读 · 0 评论 -
彻底理解浏览器的缓存机制
原文链接：https://heyingye.github.io/2018/04/16/%E5%BD%BB%E5%BA%95%E7%90%86%E8%A7%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E7%BC%93%E5%AD%98%E6%9C%BA%E5%88%B6/概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所...转载 2018-05-22 16:47:30 · 547 阅读 · 0 评论 -
XSS和CSRF
XSS基于存储的攻击：在评论去和留言板中输入信息，提交后保存到数据库，再次刷新页面时，加载留言内容，实现攻击。<input type="textarea" value="" />假如从服务端得到的value值是"/><script>alert('123')</script><!--HTML内容就变成了<input type="原创 2018-05-22 13:05:59 · 198 阅读 · 0 评论 -
canvas刮刮乐和画笔
原文链接：http://www.cnblogs.com/puyongsong/p/6027533.html这周有点迷茫，不知道干嘛了，一天天就过去了！我在博客右侧公告栏加了qq交流，各位有好的主题，或者有趣的技术，欢迎交流！今天突发奇想，就写了2个h5 canvas的demo玩玩！demo一：刮刮乐 舍不得买2块钱的刮刮乐，就只能写个类似的功能过过彩票瘾了！布转载 2018-01-01 00:57:34 · 324 阅读 · 0 评论 -
HTML5- Canvas入门（五）
原文链接：http://www.cnblogs.com/vajoy/p/3996979.html今天要介绍的是canvas对图形对象的操作，包括图像、视频绘制，和操作像素对象的方法。图片/视频的绘制在canvas中，我们可以通过 drawImage() 的方法来绘制图片或视频文件，其语法为：ctx.drawImage( img, clip_x, clip转载 2018-01-01 00:23:34 · 291 阅读 · 0 评论 -
HTML5- Canvas入门（四）
原文链接：http://www.cnblogs.com/vajoy/p/3996979.html前几章我们学习了矩形、多边形、圆形、曲线等图形的绘制，今天来学习下更简单一些的文本绘制及其各种功能方法。在canvas中我们可以通过 strokeText() 和 fillText() 来绘制描边文本或者实心文本：canvas id="myCanvas" wi转载 2017-12-31 23:51:02 · 253 阅读 · 0 评论 -
HTML5- Canvas入门（三）
原文链接：http://www.cnblogs.com/vajoy/p/3925190.html前两章我们掌握了线段、矩形和多边形的绘制方法，今天我们主要是学习如何绘制圆弧和贝塞尔曲线。圆弧的绘制圆弧可以理解为一个圆上的某部分线段，在canvas中，绘制一条圆弧的语法如下：ctx.arc( 圆心x坐标, 圆心y坐标, 圆的半径r , 开始角度, 结束角度转载 2017-12-31 18:29:21 · 313 阅读 · 0 评论 -
HTML5- Canvas入门（二）
原文链接：http://www.cnblogs.com/vajoy/p/3914131.html上篇文章我们了解了canvas的定义、获取和基础的绘图操作，其中的绘图功能我们讲解了线段绘制、上色、描边等方面知识点。今天我们来讲讲矩形（Rectangle）和多边形的绘制。矩形的绘制一共有两个口令，分别是 ctx.fillRect(x, y, width, height)转载 2017-12-31 12:22:29 · 365 阅读 · 0 评论 -
HTML5- Canvas入门（一）
原文链接：http://www.cnblogs.com/vajoy/p/3887608.htmlcanvas其实没有那么玄乎，它不外乎是一个H5的标签，跟其它HTML标签如出一辙：canvas>canvas>canvas本身没有任何的绘图能力，所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas（这意味着咱转载 2017-12-31 01:28:46 · 380 阅读 · 0 评论 -
HTML基础学习
faslkfsldfjsldfabcdef英文之间添加空格后： fas lkfsld fjs ldfa bcdef如果内容是中文： 前端工程师前端工程师前端工程师前端工程师前端工程师div中的内容有多个空格，当成一个空格看待，其实是分隔符 前端原创 2017-11-01 19:59:53 · 357 阅读 · 0 评论 -
理解浏览器历史记录（2）-hashchange、pushState
阅读目录1. hashchange 2 . pushState本文也是一篇基础文章。继上文之后，本打算去研究pushState，偶然在一些信息中发现了锚点变化对浏览器的历史记录也会影响，同时锚点的变化跟pushState也有一些关联。所以就花了点时间，把这两个东西尽量都琢磨清楚。本文记录相关的一些要点及研究过程。1. hashchange这个部分的内容也已经补充到上文的最后了，...转载 2018-10-08 20:04:12 · 808 阅读 · 0 评论