- 博客(7)
- 收藏
- 关注
RSS订阅原创 canvas线性渐变实现：根据渐变线角度计算坐标x0,y0,x1,y1
背景 某些情况下可能需要使用canvas实现线性渐变逻辑，而且不是单纯的从上到下或从左到右，而是有一定的角度，但是在canvas中没有角度参数，只提供了坐标参数，代码如下： context.createLinearGradient(x0, y0, x1, y1); x0,y0是渐变开始坐标，x1,y1是渐变结束坐标，但是如果需求只给提供了渐变线的角度或者UI默认前端使用css实现渐变的，那就需要根据css的实现代码来算出canvas渐变的坐标参数，css的渐变逻辑是这样的： 可以看到，css是以元素的中
2021-06-29 14:21:20
1720
12
原创 移动端border 1px 问题完美解决方案
我是用sass写的，用其他的预处理器写法大同小异，新建mixin.scss文件： /*单条border样式*/ @mixin border-1px ($color, $direction) { content: ''; position: absolute; background: $color; @if $direction == left { left: 0; ...
2018-08-13 15:17:04
3647
原创 完美解决微信video视频隐藏控件和内联播放问题
完美解决微信video视频隐藏控件和内联播放问题众所周知，微信浏览器下的html5视频播放兼容性一直是很头疼的问题，其中两个最主要的问题是隐藏播放控件和内联播放，在ios系统下这两个功能还比较好实现，重点是在android端，今天就给大家提供一个比较特殊的方法。先看一下html代码格式： <div class="videoBox"> <i class="fa fa-play-
2017-11-08 14:38:13
17937
2
原创 js正则表达式使用总结
先发一个比较666的正则表达式：Array.reverse().join(",").match(/([^,](?!.*\1)/ig).reverse();这个是数组去重的正则表达式，面试的时候用这个绝对一级棒！~具体说一下正则表达式的用法1.在表达式中有特殊意义，需要添加 “\” 才能匹配该字符本身的字符汇总^： 匹配的是字符的开头,在多行检索中,匹配的是一行的开头 。要匹配 “^” 字符本身，请使
2016-12-04 15:23:07
550
转载 html中meta标签属性大全！
前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！html的meta总结meta标签的组成：meta标签共有两个属性，它们分别是http-equiv
2016-11-23 20:26:44
953
原创 js写多余文字用省略号表示，点击可显示隐藏
js写多余文字用省略号表示，点击可显示隐藏因为是多段文字的隐藏，用js写比较麻烦，索性用jquery写了 html部分 <div> <p class="word-length"> 超过20个字多余隐藏超过20个字多余隐藏超过20个字多余隐藏超过20个字多余隐藏超过20个字多余隐藏超过20个字多余隐藏 </p> <span
2016-11-22 19:57:09
4573
原创 Js 冒泡事件阻止
1. 事件目标 现在，事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展，从而在任何浏览器中都能够使用这个属性。通过.target，可以确定DOM中首先接收到事件的元素（即实际被单击的元素）。而且，我们知道this引用的是处理事件的D
2016-11-22 16:56:17
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人