-
HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK
所属栏目:[编程] 日期:2020-03-29 热度:83
在表头中,可以单独定义暗边框色。 基本语法 TH Bordercolordark=color_VALUE 语法解释 定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-38.htm 设定表头暗边框的颜色。 01 !-- ------------------------------ -- 02 !-- 文件[详细]
-
解决vscode 中保存后html自动格式化的问题
所属栏目:[编程] 日期:2020-03-29 热度:75
最近几天更新了 vsCode 的版本,目前所用的版本号为:1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化,只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个大忙。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么[详细]
-
html实现简单ListViews效果的实例代码
所属栏目:[编程] 日期:2020-03-29 热度:107
html实现简单ListViews效果 实现效果: css样式文件listviewTest.css body{background: whitesmoke;}#mainContentDiv{position: absolute;width : 70%;height :100%;background: whitesmoke;top: 10%;left: 10%;}.mainDivMainImgDiv{position: absolute;wi[详细]
-
HTMl 中marquee标签实现无缝滚动跑马灯效果
所属栏目:[编程] 日期:2020-03-29 热度:84
marquee标签,它是成对出现的标签,首标签marquee和尾标签/marquee之间的内容就是滚动内容。marquee标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 今天在做微信端[详细]
-
html符号转实体算法挑战
所属栏目:[编程] 日期:2020-03-29 热度:86
将字符串中的字符 、、、 (双引号), 以及 (单引号)转换为它们对应的 HTML 实体。 如果你被卡住了,记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。 例如: convert(Dolce Gabbana) 应该返回 Dolce amp; Gabbana。 convert([详细]
-
html随意拖动内容位置的两种实现方式
所属栏目:[编程] 日期:2020-03-29 热度:159
测试:chrome v80.0.3987.122 正常 两种方式为:拖拽普通标签位置或拖拽canvas中的文本框位置 1. 实现鼠标拖动标签元素到任意位置 演示地址 css 代码 #range {position: relative;width: 600px;height: 400px;margin: 10px;background-color: rgb(133, 246[详细]
-
HTMl中标签中li横向排列的实现示例
所属栏目:[编程] 日期:2020-03-29 热度:116
大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用ul标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 ul id=menu lia href=http://www.jb51.net/web/http:/www.baidu.co[详细]
-
html 打印相关操作与实现详解
所属栏目:[编程] 日期:2020-03-29 热度:69
原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入 再调用打印 // 示例代码function print () {let ifElement = document.getElementById('ifId')const addH[详细]
-
HTML中的块级、行级元素,特殊字符,嵌套规则
所属栏目:[编程] 日期:2020-03-29 热度:93
如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看 !DOCTYPE h[详细]
-
HTML在透明输入框里添加图标的实现代码
所属栏目:[编程] 日期:2020-03-29 热度:152
最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意 话不多说,我们直接进入主题 : 基本思路 其实就把输入框与后面的图标一起放在一个div里面,然后将输入框的border设置为0px,最后[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目:[编程] 日期:2020-03-29 热度:100
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能,就想将当前这个画布功能,开发成一个简易版的协作画板。 在线演示:努力部署中,目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段:#前[详细]
-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目:[编程] 日期:2020-03-29 热度:59
前言:项目中需要实现图片下载功能,第一个想到的是使用a标签的download属性来实现,但是在不同浏览器下测试会发现,有的浏览器无效,点击后直接预览图片,所以,上网找到了另外一种兼容不同浏览器的图片下载的方法,那就是利用canvas来处理图片,实现下载[详细]
-
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
所属栏目:[编程] 日期:2020-03-29 热度:83
副标题#e# 印章图片的采集两种互补方式: 方式1:在线生成印章图片方式,但是这种方式有个弊端,对印章中公司名称字数有限制,字数越多可能就完蛋了。 方式2:上传印章扫描件,系统来对扫描图片进行处理,提取扫描件中的印章图片。 本文介绍方式1,方式2待[详细]
-
详解利用canvas实现环形进度条的方法
所属栏目:[编程] 日期:2020-03-29 热度:121
前提:有时候在项目中会有用到进度条的情况,使用css3也可以实现,但是对于性能不好的设备,或者网络不好的情况下,卡顿现象非常明显,避免出现不流畅的尴尬情况,所以记录一下,使用canvas来实现的方法。 效果图 DOM中,首先定义canvas画板元素: canvas[详细]
-
Html5 实现微信分享及自定义内容的流程
所属栏目:[编程] 日期:2020-03-29 热度:94
最近一个项目有一个微信分享并且需要自定义微信分享内容的需求,因为是第一次接触到微信分享,所以记录一下期间遇到的一些问题,以及完成功能的整个流程。 以下为大概流程(细节放在各个阶段) 安装 weixin-js-sdk 初始化微信分享 配置微信分享自定义内容([详细]
-
前端canvas动画如何转成mp4视频的方法
所属栏目:[编程] 日期:2020-03-29 热度:76
副标题#e# 用户通过上传合适尺寸的图片,选着渲染动画的效果和音乐,可以预览类似幻灯片的效果,最后点击确认生成视频,可以放到头条或者抖音播放。 生成视频可能的方案 纯前端的视频编码转换(例如WebM Encoder Whammy) 图片地址只能是相对地址 音乐不能收[详细]
-
详解FireFox下Canvas使用图像合成绘制SVG的Bug
所属栏目:[编程] 日期:2020-03-29 热度:142
所有的事情都会有一个起因。 最近产品上需要做一个这样的功能:给一些图形进行染色处理。想想这还不是顺手拈来的事情,早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴,让他参照实现,第一种算法是操纵像素、第二种使用了图像合成:gl[详细]
-
canvas实现有递增动画的环形进度条的实现方法
所属栏目:[编程] 日期:2020-03-29 热度:72
副标题#e# 高清大图! 码农多年,老眼昏花,动图看不清?!那就看静态截图!!! 不同分值效果如下: 看完了卖家秀,我们来看产品的制作过程吧! canvas绘制圆环1、vue中,template lang=pug里的代码如下: canvas#baseCanvas是底部的灰色圆环 canvas#myCan[详细]
-
Html5新增标签与样式及让元素水平垂直居中
所属栏目:[编程] 日期:2020-03-29 热度:140
1、利用table标签,自带的功能 style.parent{border: 1px solid red;height: 500px}.child{border: 1px solid black}/stylebody!-- --table class=parenttrtd class=child测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测试 测[详细]
-
Canvas 文字碰撞检测并抽稀的方法
所属栏目:[编程] 日期:2020-03-29 热度:181
碰撞检测 计算文字在 canvas 中所占据的范围 // 计算文字所需的宽度var p = { x: 10, y: 10, name: 测试文字};var measure = ctx.measureText(p.name);// 求出文字在 canvas 画板中占据的最大 y 坐标var maxX = measure.width + p.x;// 求出文字在 canvas[详细]
-
意想不到 五菱不仅造口罩连螺狮粉也造
所属栏目:[编程] 日期:2020-03-28 热度:99
疫情严重,口罩紧缺,所以上汽通用五菱汽车宣布将转产口罩,并且仅用了几天时间,第一批口罩就已下线,交付给抗疫前线使用。而且口罩上还印有“人民需要什么,五菱就造什么”,这也让五菱汽车受到了全国人民的关注与赞扬。 不仅如此,近日,微博上曝光了一[详细]
-
口香糖销量低原来是受到手机发展的影响!
所属栏目:[编程] 日期:2020-03-28 热度:193
低头族时代,手机成了人们日常生活中不能离身的物件,不得不说现代人真的很幸运,互联网+智能手机,似乎可以陪你走到地老天荒。手机的出现方便用户的同时也让人与人之间交流越来越少,甚至是影响了口香糖的销量。 以前人们在超市排队结账的时候都不会盯手[详细]
-
戴森新品又要来了 耳机里居然藏着空气净化器
所属栏目:[编程] 日期:2020-03-28 热度:156
5000多的吸尘器、4000多的风扇、3000多的卷发棒、3000多的吹风机……这就是我们熟悉的戴森,把所有产品卖这么贵,但是依然获得了不少的粉丝,不过,熟悉戴森的消费者都知道,戴森除了擅长本业以外,还擅长跨界。此前还曾进军汽车界,不过虽然以失败而告终[详细]
-
一个垃圾桶能知道你家里缺什么 你信吗?
所属栏目:[编程] 日期:2020-03-28 热度:94
想吃早餐发现没牛奶了、想招待朋友发现没饮料了、想上厕所发现没纸了……这些尴尬的事情你在生活中遇到过吗?所以,你需要一款能告诉你该买什么了的田螺姑娘。 这是一款智能垃圾桶,当然,严格地说这并不是垃圾桶,而是一个智能附件,将之贴在任何现有垃圾[详细]
-
苹果确认搭载视网膜显示屏的MacBook Air出现防反射涂层问题!
所属栏目:[编程] 日期:2020-03-28 热度:79
外媒爆料称,苹果确认部分MacBook,MacBook Air和MacBook Pro电脑上的视网膜显示屏可能会出现防反射(AR)涂层问题。 苹果于2018年10月在MacBook Air上添加了Retina显示屏,此后所有型号的笔记本电脑都具有该功能。Apple之前针对此问题的内部服务文档仅提[详细]
