- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 EyeDropper 实现拾色器(滴管取色)功能
谷歌浏览器推出了一个原生拾色器API(目前只有谷歌内核支持), 功能强大到可以拾取电脑桌面的颜色【算是浏览器级别插件了,其他浏览器估计还要再等等】谷歌浏览器上使用eyeDroper, 在其他浏览器上采用dom-image + canvas实现拾色器方案。
2024-08-18 12:20:17 367
原创 dom-to-image + canvas 实现拾色器(滴管取色)功能
虽然HTML原生的input可以实现拾色器功能,但是很多时候我们需要自己设置样式和交互方式,就需要自己手动写一个滴管取色的组件,目前比较通用的一个方案就是将dom转换成二进制图片数据,再由canvas读取色值来实现自定义的拾色器滴管功能。
2024-08-18 12:18:24 258
原创 原生JS实现图片转存为PDF
在 PDF 文件中,嵌入图像对象的过程涉及定义图像对象(/XObject)、颜色空间(/ColorSpace)、图像数据流等。当然了,现实中如果不是专门做pdf相关产品, 可以直接借用一些第三方库,比如。(导入导出都有,但功能局限)来实现pdf的导入导出甚至更复杂的交互。(只解析和导入pdf),(只能导出pdf),
2024-07-25 16:31:45 713
原创 理解向量点积
点积的计算结果可以用来衡量两个向量之间的相似度,如果两个向量的点积为零,则它们是垂直的(正交);其实这时候其实可以考虑用向量点积(也叫内积),因为向量点积的一个几何概念就是用来计算向量在某个方向上的投影,这也是我们为什么要先理解这东西的原因了。点积还可以用来计算向量在某个方向上的投影,因此在这个问题中,我们使用点积来计算鼠标位置向量在起始点到终点向量上的投影比例t,就可以确定鼠标位置在起始点和终点之间的位置比例。线段AB与X轴的夹角α, 鼠标移动路线PC与线段AB的夹角β, PC的长,PP'的长。
2024-06-29 22:40:51 304
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人