文件名称：canvas-input-range
文件大小：12KB
文件格式：ZIP
更新时间：2024-06-07 08:09:17
JavaScript
HTML Canvas范围输入。 基于HTML画布2D渲染上下文且运行时相关性为0的微型，快速且易于使用的范围输入。 这个项目还很年轻，还没有在各种浏览器上进行过测试。 用法 脚步 与安装 npm instal --save canvas-input-range 或者只是从CDN加载。 为范围输入定义一个容器，该容器将自动填充它并使用其父纵横比适应水平或垂直方向。 定义一个回调函数，该函数将在每次值更改时调用。 加载滑轨和旋钮图像。 它们两者必须具有统一的比例尺（它们必须在正方形视口内绘制）并且必须具有相同的尺寸。 轨道将按比例放大以填充父元素，因此，如果它是SVG（推荐），则必须将其preserveAspectRatio属性设置为"none" 。 加载图像后，调用range.init函数。 笔记 该库没有提供图像加载器功能，因为您的一个依赖项已经做到了，如果没有，只需从示例中
【文件预览】：
canvas-input-range-master
----.eslintrc.yml(359B)
----.gitignore(87B)
----package.json(790B)
----src()
--------range.js(6KB)
----LICENSE(1KB)
----demo()
--------main.css(1KB)
--------index.html(591B)
--------demo.js(4KB)
--------knob.svg(2KB)
--------rail.svg(3KB)
----readme.md(3KB)
----gulpFile.js(2KB)
----.npmignore(89B)
----.editorconfig(304B)