Fannie

原创 canvas实现平铺水印

背景： 项目中的图片希望保存下来是带水印~code： 附上一个平铺水印的小demo~ demo效果：保存下来是这样的 ~

原创 test-测试

原创 js图片添加水印，画布未正确清除，图片显示不正确，出现闪屏问题

问题：js图片添加水印，画布未正确清除，图片显示不正确，出现闪屏问题解决方法：闪屏问题我们可以用到双缓冲来解决双缓冲理论：闪烁是图形编程的一个常见问题。需要多重复杂绘制操作的图形操作会导致呈现的图像闪烁或具有其他不可接受的外观。双缓冲的使用解决这些问题。双缓冲使用内存缓冲区来解决由多重绘制操作造成的闪烁问题。当启用双缓冲时，所有绘制操作首先呈现到内存缓冲区，而不是屏幕上的绘图图面。所有绘制操作完成后，内存缓冲区直接复制到与其关联的绘图图面。因为在屏幕上只执行一个图形操作，所以消除了由复杂绘制操作造成

原创 ie上svg的兼容问题

svg可以说是目前最火的图像文件格式了，是一种开放标准的矢量图形语言，我们可以随意改变其大小，颜色，在放大或改变尺寸的情况下其图形质量不会有所损失，相比于icon较有优势，但是，ie上会不显示svg图片就很尴尬了。我在项目中就遇到了这种问题，简单提供两种修改的思路，希望能够帮到大家，也是为了记录ie中遇到的问题。 首先这是一个简单的svg的组成<svg class="SvgIcon...

原创 ie不支持fetch方法 轻松一招搞定

大家在兼容ie的时候肯定会遇到这个问题 fetch是ie系列都不兼容 ！！! 解决方法： importfetchfrom"isomorphic-fetch"; somorphic-fetch是建在Github的whatwg fetch polyfill基础之上的一个库，建议添加es6 promise兼容的polyfill。...

原创 鼠标滑动事件报错

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312谷歌浏览器，在写鼠标滑动事件的时候报这个错解决方法谷歌浏览器，...