panzoom:使用CSS变换平移和缩放元素的库

时间:2024-02-25 19:21:27
【文件属性】:

文件名称:panzoom:使用CSS变换平移和缩放元素的库

文件大小:337KB

文件格式:ZIP

更新时间:2024-02-25 19:21:27

css svg typescript pan zoom

潘祖姆 Panzoom是一个小型库(压缩后约为3.7kb),可为元素添加平移和缩放功能。 Panzoom无需使用绝对定位或设置宽度和高度,而是使用CSS变换来利用浏览器中的硬件/ GPU加速,这意味着该元素可以是任何东西:图像,视频,iframe,画布,文本,任何内容。 有关常见的支持问题,请参阅 。 浏览器支持 这是的列表。 行动支援 支持iOS,Android和Windows Mobile。 Panzoom包括对触摸手势的支持,甚至支持缩放手势。 它非常适合移动和桌面浏览器。 默认情况下,无论支持什么位置,它都使用。 SVG支持 Panzoom支持直接平移和缩放SVG元素。 在IE1


【文件预览】:
panzoom-main
----.gitignore(87B)
----.babelrc(165B)
----package.json(5KB)
----package-lock.json(747KB)
----src()
--------polyfills.js(639B)
--------css.ts(4KB)
--------events.ts(1KB)
--------isAttached.ts(391B)
--------isExcluded.ts(550B)
--------isSVGElement.ts(322B)
--------pointers.ts(2KB)
--------shallowClone.ts(190B)
--------types.ts(11KB)
--------panzoom.ts(15KB)
----karma.conf.js(707B)
----webpack.config.js(814B)
----SECURITY.md(146B)
----.travis.yml(342B)
----tsconfig.json(366B)
----.github()
--------PULL_REQUEST_TEMPLATE.md(783B)
--------ISSUE_TEMPLATE()
--------CONTRIBUTING.md(5KB)
--------FUNDING.yml(730B)
--------lock.yml(455B)
----rollup.config.js(995B)
----.prettierignore(93B)
----README.md(23KB)
----demo()
--------demo.css(2KB)
--------_index.html(228B)
--------target.png(59KB)
--------examples()
--------Demo.tsx(541B)
--------favicon.ico(1KB)
--------global-panzoom.ts(288B)
--------Code.tsx(477B)
--------index.tsx(2KB)
--------awesome_tiger.svg(84KB)
----MIT-License.txt(1KB)
----test()
--------unit()
--------mocha.opts(15B)
--------test-node.js(269B)
----tasks()
--------EVENTS.md(2KB)
--------docs.js(3KB)
----.editorconfig(204B)

网友评论