麦的剑

扫个二维码，直接体验。👉🏽项目地址 这里颜色提取使用了开源项目color-thief, 其中算法部分使用了 Leptonica color-quantization 中用到的（调整）中位切分法（MMCQ, modified median cut quantization），…

当你需要根据不同图片显示不同的边框色或背景色时，你可以使用React-Color-Thief, 它会告诉你这张图片有哪些颜色，并按颜色比重返回RGB值给你。 quality 精确度（整数），1是最精确的，默认值是10。值越大抓取速度越快，准确度越低。

一个简单通用的React抛物线动画demoUsageparabola方法简易试图

所有描述轮廓的数据都放在<path>元素的d属性中（d是data的缩写）。路径数据包括单个字符的命令，比如M表示moveto，L表示lineto，接着是该命令的坐标信息。 1. moveto、lineto和closepath 每个路径都必须以moveto命令开始。 命令字母为大…

在写SDK项目的时候碰到一个问题：在直播间初始化SDK时使用默认主题，在专题页初始化SDK时使用其它主题。默认主题在打包时挂在全局环境下供多个页面使用，定制主题需要在初始化SDK的时候传入。 实现起来很简单，判断是否有定制主题，有就使用定制主题，没有就使用默认主题。项目下的基…

在写SDK项目的时候碰到一个问题：在直播间初始化SDK时使用默认主题，在专题页初始化SDK时使用其它主题。默认主题在打包时挂在全局环境下供多个页面使用，定制主题需要在初始化SDK的时候传入。 实现起来很简单，判断是否有定制主题，有就使用定制主题，没有就使用默认主题。项目下的基本…

3. 文档结构 表现属性，SVG允许我们将style里面的声明直接当做SVG元素的属性使用。以下两段代码效果是相同的。 SVG提供了一些元素，允许我们对元素进行分组，从而使文档更加结构化、更易理解。 元素会将其所有子元素作为一个组合，通常组合还会有一个唯一的id作为名称。每个组…

在SVG中使用样式（四种方式，可以联想对照HTML样式方法） 内联样式，直接在标签里设置style属性 内部样式表，可以同时为多个元素设置样式 demo 这里使用了<![CDATA[...]]>块包裹<style>元素内的CSS代码（在XML文档中的所有文本都会被解析器解析，…

本文是基于《SVG精髓》一书的简单总结，文中的demo均为该书提供，目的是方便大家使用时快速查阅。 视口（viewport）：文档使用的画布区域，表示SVG可见区域的大小，通常可以在 <svg>元素 上使用 width 和 height 属性确定视口的大小。 viewBox：允…