![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
可视化
文章平均质量分 78
黄祚敏
前端工程师一名。
展开
-
css 文字渲染
css 文字渲染实测结论:测试的内容都是使用span 标签(即是用内联元素进行测试的)具体显示效果可以参考:青柠设计:https://qingning6.com/参数说明:字体自带行高:fontLineHeight;css设置的行高:lineHeight;字大小:fontSize;行数: row;列数: col;文字宽高:width、height;字间距:letterSpacing;水平文字:单行文字,文字的高度:height = fontLineHeight 多行文字,文字高度:hei.原创 2021-04-01 11:18:07 · 353 阅读 · 0 评论 -
opencv 构成js版本
重点说明:不要使用window 进行编译,不然会出现各种奇葩的错误。(我花啦一周的时间尝试wind10 没有成功。)一。系统安装步骤说明:如果是window 系统,请直接安装VMware 虚拟机。然后在虚拟机里面安装Ubuntu 20 版本。 VMware 下载地址:https://www.vmware.com/products/workstation-pro/workstation-pro-evaluation.html Ubuntu下载地址:https://cn.ubuntu.com/dow原创 2021-01-07 15:01:26 · 1025 阅读 · 8 评论 -
canvas multiply、screen
一。canvas multiply、screen计算过程multiply 计算:r/g/b/a 分别相乘除以255及是混合后的值。 function aM(left, right) { let newArr = [] for(let i = 0; i < left.length; i++) { newArr.push(left[i] * right[i] / 255) } console.原创 2020-12-14 17:22:22 · 159 阅读 · 0 评论 -
image 描边
function stroke(image, width, height) {const strokeCanvas = document.createElement('canvas') strokeCanvas.width = width strokeCanvas.height = height const strokeCtx = strokeCanvas.getContext('2d') strokeCtx.drawImage(image, 0, 0, .原创 2020-10-30 12:08:07 · 406 阅读 · 0 评论 -
h5 组合和解组
一。组合:就是指多个元素组合成一个元素,组合的元素称为父元素,被组合的元素则称为子元素。组合后:父元素进行拖动、旋转、缩放时,子元素也相对于父元素进行。拖动时:实际就是改变父元素的位置,子元素相对于父元素是不变的。所以子元素相对于最原始的坐标轴为: 父元素的位置 + 子元素的位置。 旋转: 父元素旋转是绕父元素的中心点进行旋转的,子元素也是绕父元素的中心点进行旋转。则子元素的相对位置计算方式是:通过获取子元素的中心点,然后利用绕点旋转公式计算出子元素中心点绕父元素中心点旋转后得出的新的子元素中心点。然原创 2020-08-20 20:44:02 · 390 阅读 · 0 评论