-
HTML表格标记教程(26):单元格标记
所属栏目:[建站] 日期:2020-05-12 热度:196
TD标记的属性用于设定表格中某一单元格的属性。 表格的TD标记属性 属 性描 述ALIGN单元格内容的水平对齐VALIGN单元格内容的垂直对齐BGCOLOR单元格的背景颜色BACKGROUND单元格的背景图象BORDERCOLOR单元格的边框颜色BORDERCOLORLIGHT单元格的亮边框颜色BORD[详细]
-
HTML表格标记教程(20):行的背景色属性BGCOLOR
所属栏目:[建站] 日期:2020-05-12 热度:132
通过BGCOLOR属性,可以设定行的背景颜色。 基本语法 TR BGcolorr=color_value 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-18.htm 设定行背景的颜色。 01 !-- ------------------------------ -- 02 !-- 文件范例[详细]
-
详解canvas在圆弧周围绘制文本的两种写法
所属栏目:[建站] 日期:2020-05-12 热度:143
教程是直接按弧度进行编写的 自己又试着用角度重新编写了一份,有些差别,总结起来还是用弧度比较方便,当然两种哪种理解的容易可以自行斟酌 写代码有时候不一定要按照教程一板一眼的写,最佳实践固然是好,但是自己尝试些别的也许有些别的收获不是么~ 效[详细]
-
探究 canvas 绘图中撤销(undo)功能的实现方式详解
所属栏目:[建站] 日期:2020-05-12 热度:95
副标题#e# 最近在做网页版图片处理相关的项目,也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道,在浏览器端实现图片添加水印功能,通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成(比如一张底图和一张 PNG 水印[详细]
-
如何使用localstorage代替cookie实现跨域共享数据问题
所属栏目:[建站] 日期:2020-05-12 热度:58
副标题#e# 因为网站系统的日益庞大,不同域名业务,甚至不同合作方网站的cookie可能或多或少需要进行共享使用,遇到这个情况的时候,大家一般想到的是使用登录中心分发cookie状态再进行同步进行解决,成本较高而且实施起来比较复杂和麻烦。 因为cookie在跨[详细]
-
利用html5 canvas动态画饼状图的示例代码
所属栏目:[建站] 日期:2020-05-12 热度:161
这里并没引用jquery等第三方库,只是用dom操作和canvas的特性编写的。 canvas画圆大体分为实心圆和空心圆。 根据需求分析知道该圆为实心圆。 1.先用canvas画实心圆 //伪代码var canvas = document.createElement(canvas);var ctx = canvas.getContext('2d'[详细]
-
Html5 localStorage入门教程
所属栏目:[建站] 日期:2020-05-12 热度:58
只读的 localStorage 允许你访问一个 Document 的远端(origin)对象 Storage;数据存储为跨浏览器会话。localStorage 类似于 sessionStorage,区别在于,数据存储在 localStorage 是无期限的,而数据存储在 sessionStorage 会被清除,当页面会话结束时也[详细]
-
简单聊聊H5的pushState与replaceState的用法
所属栏目:[建站] 日期:2020-05-12 热度:82
HTML5引入了 和 方法,它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 二、pushState() 方法的例子 假设在 中执行了以下 JavaScript 代码: var stateObj = { foo: bar };history.pushState(stateObj, page 2, bar.html)[详细]
-
html5调用摄像头功能的实现代码
所属栏目:[建站] 日期:2020-05-12 热度:122
副标题#e# 前些天,线上笔试的时候,发现需要浏览器同意开启摄像头,感觉像是 js 调用的,由于当时笔试,也就没想到这么多问题。今天闲来无事,看了下自己的 todo,发现有这个调用摄像头的todo,才想到。网上查了一下,果然 js 有调用摄像头的 api,为此自[详细]
-
HTML5 拖拽批量上传文件的示例代码
所属栏目:[建站] 日期:2020-05-12 热度:147
该组件基于 Vue.js 实现,UI 框架是 elementUI,完整的 demo 地址在https://github.com/Msxiaoma/upload-folder. 拖拽上传文件夹(仅仅chrome支持) 一、组件描述 同时拖拽多个文件夹 删除指定文件夹 显示当前文件夹的上传进度条 超过5M的文件夹分片上传 效果[详细]
-
在HTML5 canvas里用卷积核进行图像处理的方法
所属栏目:[建站] 日期:2020-05-12 热度:109
就跳过一些用专业属于描述专业术语看完懵逼的解释了, 语文成绩很差的我尝试从字面解释什么是卷积... 卷,理解成一种压缩;积,乘积,积累; 卷积需要一个卷积核,通常是3x3或5x5的方阵, 例如这样 // 一个3x3卷积核 0 0 0 0 1 0 0 0 0 我们要怎么用卷积核[详细]
-
HTML5新增的标签和属性归纳总结
所属栏目:[建站] 日期:2020-05-12 热度:105
收集总结的HTML5的新特性,基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法不同之处:开头的 !DOCTYPE html html lang=zh-CNmeta charset=utf-8 字符编码变得简洁, 不区分大小写, 添加了布尔值,类似checked,selected 引号可以省略,但[详细]
-
HTML5 video视频字幕的使用和制作方法
所属栏目:[建站] 日期:2020-05-12 热度:139
HTML5允许我们使用 元素为视频指定字幕。这个元素的各种属性允许我们指定这样的东西,比如我们添加的内容的类型,它所在的语言,当然还有对包含实际字幕信息的文本文件的引用。 video id=video controlssource src=http://www.jb51.net/html5/./step.mp4 t[详细]
-
详解HTML5 canvas绘图基本使用方法
所属栏目:[建站] 日期:2020-05-12 热度:192
副标题#e# canvas/canvas是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。 canvas/canvas只是一个绘制图形的容器[详细]
-
详解Html5 Canvas画线有毛边解决方法
所属栏目:[建站] 日期:2020-05-12 热度:54
Html5 Canvas 所有的画线指令画出来的线条都有毛边(比如 lineTo, arcTo,strokeRect),这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝,那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点,这样即便设置了lineWidth[详细]
-
详解移动端HTML5音频与视频问题及解决方案
所属栏目:[建站] 日期:2020-05-12 热度:140
最近在研究用视频代替动画,用视频代替精灵动画,我们称这种视频叫做交互视频。 传统的精灵动画: 磁盘空间大,下载慢,尤其是在线播放,会更慢 文件太多,在线播放的时候,太多http请求,会导致响应慢,或者行为失常 因此,急需开发了一套技术,用视频代[详细]
-
HTML5 Canvas图像模糊完美解决办法
所属栏目:[建站] 日期:2020-05-12 热度:146
1、最近在用h5的canvas画动画,发现图像特别模糊。后来终于找到罪魁祸首是meta name=viewport content=width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /这个代码,因为这行代码进行了伸缩 2、模糊图像的效果: 3、[详细]
-
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
所属栏目:[建站] 日期:2020-05-12 热度:135
副标题#e# 没有最好,只有更好,如题所示,这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了,但换个角度,勉勉强强算是炫丽吧,虽然色彩上与炫丽无关,但运动效果上还是算得上有点点炫的。不管怎么样,我们还是开始这个所谓的炫丽[详细]
-
HTML转PDF的纯客户端和纯服务端实现方案
所属栏目:[建站] 日期:2020-05-12 热度:106
用户填写表单,点击保存之后,可以直接下载pdf文档。 解决思路 服务端生成 思路 谷歌浏览器在17年自行开发了Chrome Headless特性,并与之同时推出了 puppeteer,它可以被理解为是无界面但是可以完成服务器功能特性的浏览器。 所以我们可以在服务端启动pupp[详细]
-
浅析html webpack plugin插件的使用教程
所属栏目:[建站] 日期:2020-05-12 热度:82
使用html-webpack-plugin插件来启动页面 可将html页面放入内存 以提升页面的加载速度 并且还能自动设置index.html页面中JS文件引入的路径 使用前提:项目中安装了Webpack使用步骤: 步骤一、在项目的根目录下输入cnpm i html-webpack-plugin -D 将html-web[详细]
-
ASP.NET通过更改Url进行页面传值的实现代码
所属栏目:[建站] 日期:2020-05-11 热度:69
这里,通过假数据,手动创建的一个类,然后创建的一个集合,放入下拉框,选好值以后,点确定 会在另一个页面产生对应的id 创建一个类: using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication1{ pu[详细]
-
HTML 几种特别分割线特效
所属栏目:[建站] 日期:2020-05-11 热度:178
二、特效(效果并不是孤立的,可相互组合) 1、两头渐变透明: HR style=FILTER: alpha(opacity=100,finishopacity=0,style=3) width=80% color=#987cb9 SIZE=3 2、纺锤形: HR style=FILTER: alpha(opacity=100,finishopacity=0,style=2) width=80% color[详细]
-
母亲节送啥礼物好?这份走心礼包请收好
所属栏目:[建站] 日期:2020-05-11 热度:123
副标题#e# 你养我小,我养你老,世界上最美好的事情莫过于此,今天就是2020年的母亲节了,你们都准备好送妈妈什么礼物了吗?尤其是那些无法经常陪在父母身边的朋友,如果还没有想好,那么可以为母亲挑选一款笔记本电脑,可以用来购购物、看看电视剧,或是玩[详细]
-
就在明天 雷神将在线上举办新品发布会
所属栏目:[建站] 日期:2020-05-11 热度:90
近日,雷神官宣将于5月11日晚19:00-21:00召开主题为“无限竞迹”的2020雷神线上新品发布会,届时将发布包括笔记本、台式机、外设周边在内的雷神电竞全场景系列新品精彩亮相。 在发布会上,你可以看到颜值与性能兼备的游戏笔记本新品;还可以看到新一代“无[详细]
-
ASP.NET中AJAX的异步加载(Demo演示)
所属栏目:[建站] 日期:2020-05-11 热度:95
此次的Demo是一个页面,页面上有两行字,然后后面用AJAX,使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 !DOCTYPE htmlhtmlhead meta charset="utf-8" / title/title script type="text/javascript"var xmlHttpRequest;function createXmlH[详细]
