logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

简单说 CSS中的mask—好好利用mask-image

说明CSS中的mask属性允许用户屏蔽或剪裁特定点的图像来实现,部分或完全隐藏某个元素的可见性。好吧,这个概念可能有点不好理解,先看图。看了这个等式,似乎明白点什么了吧,朋友们,第一张图就是一张普通的图,第二张图,黑色部分是不透明的,白色部分是透明的,用上mask之后,两张图重叠,黑色区域中的会显示出来,白色区域不显示。用过ps的朋友,应该很清楚,蒙版这东西,这就和蒙版很像,好吧

文章图片
#css#webkit
JavaScript中的函数重载(Function overloading)

说明JavaScript 中没有真正意义上的函数重载。函数重载函数名相同,函数的参数列表不同(包括参数个数和参数类型),根据参数的不同去执行不同的操作。我们举个例子看看function overload(a){console.log('一个参数')}function overload(a,b){console.log('两个参数')}// 在...

一个浪漫又悲情的爱情故事——笛卡尔心形线

说明写这篇文章是某天看到这样一个公式 r=a(1-cosθ) ,我上网搜了下,原来是笛卡尔心形线的极坐标方程,这个方程里的确有一个浪漫又悲情的爱情故事,感兴趣的朋友可以点这里看看,而至于这个故事是真是假,这 并不重要。而这篇文章的目的是要用前端的方式,画出笛卡尔心形线。本来我想,这么经典的公式,网上应该已经有人实现过了的吧。我搜了搜,不得不佩服网友们,有 Java 实现的,有 C#...

简单说 CSS中的mask—好好利用mask-image

说明CSS中的mask属性允许用户屏蔽或剪裁特定点的图像来实现,部分或完全隐藏某个元素的可见性。好吧,这个概念可能有点不好理解,先看图。看了这个等式,似乎明白点什么了吧,朋友们,第一张图就是一张普通的图,第二张图,黑色部分是不透明的,白色部分是透明的,用上mask之后,两张图重叠,黑色区域中的会显示出来,白色区域不显示。用过ps的朋友,应该很清楚,蒙版这东西,这就和蒙版很像,好吧

文章图片
#css#webkit
用 canvas 的 getImageData 做点有趣的事

说明canvas元素标签强大之处在于可以直接在HTML上进行图形操作,具有极大的应用价值。canvas 可以实现对图像的像素操作,这就要说到 getImgData 方法了。解释CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象,用来描述canvas区域隐含的像素数据,这个区域通过矩形表示,起始点为(sx, sy...

文章图片
JavaScript 中的复制粘贴操作

在日常业务开发,比如复制后增加版权信息,点击复制,等场景中需要进行复制粘贴的操作,以下是几种实现方案。Clipboard APIClipboard API 提供了响应剪贴板命令(剪切、复制和粘贴)与异步读写系统剪贴板的能力。从权限 API (Permissions API) 获取权限之后,才能访问剪贴板内容;如果用户没有授予权限,则不允许读取剪贴板内容。可以使用全局的 Navigator.clip

文章图片
#javascript#node.js
到底了