-
前端canvas水印快速制作(附完整代码)
所属栏目:[编程] 日期:2020-05-11 热度:146
原理解析: 图一斜纹类:创建一个和页面一样大的画布,根据页面大小以及倾斜角度大致铺满水印文字,最后转化为一张图片设为背景 图二倾斜类:将文字倾斜后转化为图片,然后设置背景图片repeat填充整个页面 代码分析: 这里我只简略分析图一斜纹类,事实上[详细]
-
canvas实现圆绘制的示例代码
所属栏目:[编程] 日期:2020-05-11 热度:186
语法:arc(x, y, radius, startAngle, endAngle, anticlockwise) 前面两个参数是x坐标,y坐标,第三个参数是半径,第四个参数是开始的弧度,第五个参数是结束的弧度,第六个参数是顺时针还是逆时针,默认是顺时针。 看下面代码,这样就能绘制一个圆了。 ct[详细]
-
Html5 Canvas 实现一个“刮刮乐”游戏
所属栏目:[编程] 日期:2020-05-11 热度:139
副标题#e# 话不多说,先上Demo 和 项目源码 . 2. 实现 我们创建一个 ScrapAward 类,通过传入 option 和调用其 restart() 方法实现重新开始。 (1)定义 option 参数及 ScrapAward 结构 class ScrapAward {constructor(userOption) {this.option = {canvasI[详细]
-
详解基于 Canvas 手撸一个六边形能力图
所属栏目:[编程] 日期:2020-05-11 热度:109
副标题#e# 六边形能力图如下,由 6 个 六边形组成,每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边形能力图。当然,你也可以基于其他开源的 js 方案来实现,如 EChars.js 等。 二、六边形绘制基础 六边形能力[详细]
-
html+css实现自定义图片上传按钮功能
所属栏目:[编程] 日期:2020-05-11 热度:155
普通的input[type=file]的效果很朴素 可以自定义一个file选择文件的按钮: 思路为: 用定位将自定义的按钮遮住原来的选择文件按钮, 再让点击自定义按钮时触发原来的选择文件按钮的事件即可 (对此,label可实现) eg: html: css样式: 结果图: 点击选择[详细]
-
ASP.NET通过更改Url进行页面传值的实现代码
所属栏目:[编程] 日期:2020-05-11 热度:66
这里,通过假数据,手动创建的一个类,然后创建的一个集合,放入下拉框,选好值以后,点确定 会在另一个页面产生对应的id 创建一个类: using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication1{ pu[详细]
-
使用VSCode开发和调试.NET Core程序的方法
所属栏目:[编程] 日期:2020-05-11 热度:153
副标题#e# 电脑不想装几十个G的 VS2017,那就用 VS Code 吧 目标: 创建一个类库项目 Skany.Core,并用 Nuget 引用第三方组件 Hash 实现加密算法 创建一个单元测试项目 Skany.Tests,引用类库 Skany.Core,并测试其中的方法 创建一个控制台应用程序项目 Ska[详细]
-
ASP.NET Core MVC获取请求的参数方法示例
所属栏目:[编程] 日期:2020-05-11 热度:185
副标题#e# 一次HTTP请求,就是一次标准IO操作。请求是I,是输入;响应式O,是输出。任何web开发框架,其实都是在干这两件事: 接受请求并进行解析获取参数 根据参数进行渲染并输出响应内容 所以我们学习一个框架,我认为最首要的是知道如何从请求中获取参数[详细]
-
ASP.NET中AJAX的异步加载(Demo演示)
所属栏目:[编程] 日期:2020-05-11 热度:64
此次的Demo是一个页面,页面上有两行字,然后后面用AJAX,使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 !DOCTYPE htmlhtmlhead meta charset="utf-8" / title/title script type="text/javascript"var xmlHttpRequest;function createXmlH[详细]
-
HTML 几种特别分割线特效
所属栏目:[编程] 日期:2020-05-11 热度:91
二、特效(效果并不是孤立的,可相互组合) 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[详细]
-
iframe标签用法详解(属性、透明、自适应高度)
所属栏目:[编程] 日期:2020-05-11 热度:95
副标题#e# 1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示和注释: 提示:您可以把需要的文本放置在 iframe[详细]
-
H5离线存储Manifest原理及使用
所属栏目:[编程] 日期:2020-05-11 热度:83
离线存储可以将站点的文件储存在本地,在没有网络的情况下还是可以访问到存储的对应的站点的页面,这些文件可以包括html,js,css,img等等文件。但其实即使在有网络的时候,浏览器也会优先使用已离线存储的文件。 什么是Manifest: Manifest是一个简单的[详细]
-
HTML5中的网络存储实现方式
所属栏目:[编程] 日期:2020-05-11 热度:134
随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足日益更新的需求,会经常性的在本地设备上存储数据,例如记录历史活动信息。传统方式使用document.cookie来进行存储,但是由于其存储的空间只有4KB左右,并且需要复杂的操[详细]
-
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
所属栏目:[编程] 日期:2020-05-11 热度:103
副标题#e# navigator.mediaDevices.getUserMedia 应项目要求,需要实现移动端app嵌入H5页面完成实人认证的功能。打开getUserMedia文档,链接如下: https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 看上去很简单,最终却写的[详细]
-
浅析html webpack plugin插件的使用教程
所属栏目:[编程] 日期:2020-05-10 热度:126
使用html-webpack-plugin插件来启动页面 可将html页面放入内存 以提升页面的加载速度 并且还能自动设置index.html页面中JS文件引入的路径 使用前提:项目中安装了Webpack使用步骤: 步骤一、在项目的根目录下输入cnpm i html-webpack-plugin -D 将html-web[详细]
-
HTML转PDF的纯客户端和纯服务端实现方案
所属栏目:[编程] 日期:2020-05-10 热度:165
用户填写表单,点击保存之后,可以直接下载pdf文档。 解决思路 服务端生成 思路 谷歌浏览器在17年自行开发了Chrome Headless特性,并与之同时推出了 puppeteer,它可以被理解为是无界面但是可以完成服务器功能特性的浏览器。 所以我们可以在服务端启动pupp[详细]
-
html网页添加音乐视频的实现示例
所属栏目:[编程] 日期:2020-05-10 热度:92
支持firefox自动播放 谷歌、ie不支持自动播放 video controls=controls autoplay=autoplay name=mediasource src=http://www.jb51.net/web/./img/music.mp3 type=audio/mpeg/video 谷歌可以通过添加 muted 通过静音来实现自动播放 video controls=controls[详细]
-
快速充电器获认证,OnePlus 8T系列将支持65W充电功能
所属栏目:[编程] 日期:2020-05-10 热度:189
近期,OnePlus的下一代旗舰产品OnePlus 8T系列,所配备的65W快速充电器已获得了T UV Rheinland的安全认证。 现在,OnePlus 8系列采用的是30W的快速充电技术,可在30分钟内将设备的电量从0提高到50,按照这个标准的话,下一代OnePlus 8T系列系列所配备的65W[详细]
-
海外新机来了,Realme Narzo 10发布日期已公布
所属栏目:[编程] 日期:2020-05-10 热度:57
近期,Realme在其官方推特宣布了Narzo 10系列在印度的新发布日期。Realme表示,Narzo 10和Narzo 10AIndia的发布活动将于印度时间5月11日星期一进行。 而根据此前的爆料显示,Realme Narzo 10将会搭载Helio G80芯片,采用6.5英寸水滴显示屏,配备48MP四摄像[详细]
-
网友称女票沉迷老罗带货 一个多月快递就没停过
所属栏目:[编程] 日期:2020-05-10 热度:148
中关村在线消息:众所周知,罗永浩自4月1日起开始在抖音直播间进行直播带货,其带货商品品类涵盖非常广,包括智能手机、家用电器、零食小吃等等,此前我们也报道过,4月16日晚一加8系列新品发布会后第一时间,罗永浩就在抖音开箱介绍一加8系列,当晚一加科[详细]
-
2024年中国游戏市场规模 或达到467亿美元
所属栏目:[编程] 日期:2020-05-10 热度:66
中关村在线消息:据市场调查机构Niko Partners近日发布的报告显示,中国PC和手游市场总收入在2019年达到331亿美元,预计2024年将达到467亿美元。 据Niko Partners的报告称,目前2019年中国共有6.85亿游戏玩家,其中大部分玩家拥有PC玩家与手游玩家的双重身[详细]
-
MPEG-5视频编码标准定稿 三大厂商将率先支持
所属栏目:[编程] 日期:2020-05-10 热度:196
中关村在线消息:近日ISO(国际标准化组织)宣布MPEG-5 EVC编码标准正式落子定稿,华为、高通、三星表示欢迎并将首批支持。 据介绍,MPEG-5 EVC是划时代的编码标准,MPEG-5 EVC有Layer1(基本模式)和Layer2(主模式)两个层级,Layer 1免授权费,Layer 2[详细]
-
如何通过PHP实现Des加密算法代码实例
所属栏目:[编程] 日期:2020-05-10 热度:77
副标题#e# 如何通过PHP实现Des加密算法代码实例 注:php7以上不支持了,因为php7去掉了某些函数, 另外变量的{}要改为[] phpclass Des{ /** * 加密方法 * * @param string $str 需要加密的内容 * @param string $key 密钥 * @param bool $toBase64 是否base[详细]
-
禁止直接访问php文件代码分享
所属栏目:[编程] 日期:2020-05-10 热度:116
如何禁止别人直接访问php文件 可以通过判断某一个常量是否被定义或定义的值是否相同,如果未被定义或值不相同则停止脚本运行。 defined('IS_ALLOW') or die('禁止访问!'); 访问结果:禁止访问! 如果需要在其它php文件中进行引用,可以先将常量定义后在进[详细]
-
PHP数组与字符串互相转换实例
所属栏目:[编程] 日期:2020-05-10 热度:181
PHP 数组转字符串,与字符串转数组 php$array = array('lastname', 'email', 'phone');$comma_separated = implode(",", $array);echo $comma_separated; // lastname,email,phone// Empty string when using an empty array:var_dump(implode('hello', ar[详细]
