摘要：
强大的 canvas 可以做很多事，包括手绘，压缩图片，图片滤镜，3D效果等等。 本文仅用 canvas 冰山一角的功能获取坐标点颜色。 源码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文
posted @ 2020-04-24 14:03
前端路引
阅读(4205)
评论(0)
推荐(0)
摘要：
本文折腾 hexo 图片添加水印功能，大部分代码沿用： nodejs 图片添加水印（png, jpeg, jpg, gif） 方案一 使用现有插件：https://github.com/SpiritLing/hexo-images-watermark 问题：依赖 sharp 安装困难 方案二 使用 阅读全文
posted @ 2020-04-23 17:56
前端路引
阅读(1075)
评论(0)
推荐(0)
摘要：
nodejs 作为一个脚本语言，图片处理这方面有点弱鸡，无法跟 php 这种本身集成了图片 api 的语言相比。 不过好在有 https://www.npmjs.com/ ，上面有全世界的大佬写的各种高大上的插件使用。 本文踩在巨人的肩上介绍 nodejs 添加图片水印的几种方式。 方案一：使用云处 阅读全文
posted @ 2020-04-21 16:46
前端路引
阅读(3842)
评论(0)
推荐(0)
摘要：
如图： 图片加载失败了，在浏览器会默认显示一张破图。受各种网速、浏览器等因素影响，我们无法保证图片能够完全加载成功。加载失败时如何更友好的显示是前端要考虑的主要因素。 常见做法都是使用一张默认图代替加载失败的图片，比如一个 logo 、一张主题图片等。 做法一 使用 JS 懒加载图片，如果图片加载失 阅读全文
posted @ 2020-04-16 10:27
前端路引
阅读(3239)
评论(0)
推荐(0)
摘要：
解析 <path> 标签应该算是 SVG 中最为强大的标签了，各种图形都可以用他绘制。本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线。 用法 <path d="M30 90 Q115 139 200 90"></path> <path> 标签常用指令： M = moveto L = line 阅读全文
posted @ 2020-04-14 18:01
前端路引
阅读(7019)
评论(0)
推荐(0)
摘要：
正常提示如下： 然而我的提示没了，本以为是插件问题，把所有插件禁用不行！卸载重装vscode还是不行！！但是其他电脑的1.41.1版本，同样代码确没问题！！！简直日了*了 折腾大半天，发下问题如下： 如果刚好你的项目没了语法提示，又刚好是1.41版本，再刚好你的项目有@types/node@12.1 阅读全文
posted @ 2019-12-20 17:06
前端路引
阅读(2169)
评论(3)
推荐(0)
摘要：
平时使用animate只用于dom节点的动画，无意间发现JQuery内置的animate方法可实现数字动画，JQ还是挺强大的！ 动画效果为从0一步步跳到84，代码如下： 阅读全文
posted @ 2019-11-21 20:55
前端路引
阅读(2030)
评论(0)
推荐(0)
摘要：
报错信息： ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 报错写法如下： 报错 阅读全文
posted @ 2019-11-20 16:09
前端路引
阅读(7007)
评论(0)
推荐(1)
摘要：
坑爹的微信分享，设置图片链接必须要满足如下条件： 1. 微信分享图链接必须是绝对路径，写相对地址不行。 比如图片地址写成 './assets/images/share.jpg' 不行！！！ 必须写成 'http://www.xxxxx.com/assets/images/share.jpg' 2. 阅读全文
posted @ 2019-11-14 11:39
前端路引
阅读(2496)
评论(0)
推荐(0)
摘要：
编辑器：网页不常用的功能，但却又是不可少的功能，如果要造个编辑器轮子，它可以把人玩死！！前端几大禁忌就有富文本， 为什么都说富文本编辑器是天坑? 下面记录一下常见的一些编辑器，该文随时更新： 富文本编辑器 Tinymce tinymce 是一家老牌做富文本的公司，它的产品经受了市场的认可，不管是文档 阅读全文
posted @ 2019-08-26 10:32
前端路引
阅读(7807)
评论(0)
推荐(0)
浙公网安备 33010602011771号