`
arrongao
  • 浏览: 27573 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

SVGPan: a Javascript SVG (Viewer) Pan/Zoom/Drag library

阅读更多
使用JS实现SVG的放大、缩小和移动功能
http://www.cyberz.org/blog/category/programming/javascript/
分享到:
评论

相关推荐

    svgpan:简单的 javascript 库,为在浏览器中查看 SVG 提供 panzoom

    svgpan 简单的 javascript 库,提供平移/缩放以在浏览器中查看 SVG。 来自 (即 )的 javascript。 复制到 github 只是为了防止 googlecode 关闭。 addvgpan 是将 svgpan 添加到 svg 文件的过滤器。 它找到第一...

    svg-pan-zoom.js

    viewportSelector: '.svg-pan-zoom_viewport' , panEnabled: true , controlIconsEnabled: false , zoomEnabled: true , dblClickZoomEnabled: true , mouseWheelZoomEnabled: true , preventMouseEventsDefault: ...

    svg-pan-zoom-master.rar

    SVG-pan-zoom库是专为JavaScript设计的一个工具,用于实现SVG图像的平移和缩放功能,使用户能够通过滚轮或鼠标拖动来查看图像的各个部分。 这个"svg-pan-zoom-master.rar"压缩包包含了SVG-pan-zoom库的源代码及其...

    svg-pan-zoom-master

    4. **API接口**:SVG-pan-zoom-master 提供了一套丰富的JavaScript API,开发者可以通过这些API来初始化、控制和配置图像的平移和缩放行为。例如,可以设置初始缩放级别、禁用某些功能、获取当前的缩放和位置信息等...

    Android代码-Android SVG library

    Sharp is a Scalable Vector Graphics (SVG) implementation for Android. It facilitates loading vector graphics as SharpDrawables, and can effectively be used wherever a conventional image would be ...

    前端项目-svg.pan-zoom.js.zip

    `svg.pan-zoom.js` 是一个专门针对SVG图形的JavaScript库,它的主要功能是实现SVG对象的平移和缩放操作,从而增强用户交互体验。 这个库的使用非常简单,开发者可以轻松地将其集成到自己的项目中。首先,你需要将`...

    react-svg-pan-zoom, 将平移和缩放特性添加到SVG的响应组件.zip

    react-svg-pan-zoom, 将平移和缩放特性添加到SVG的响应组件 react-svg-pan-zoom英镑react-svg-pan-zoom是一个反应组件,增加英镑pan和英镑的缩放特性,以英镑的SVG图像。 它有助于在小空间中显示大的SVG图像。 实时...

    【JavaScript源代码】Vue中引入svg图标的两种方式.docx

    在Vue.js应用中,引入SVG图标是常见的需求,因为SVG图标具有良好的可伸缩性和响应性。本篇文章将详细介绍在Vue中引入SVG图标的两种主要方法。 ### 方法一:使用`svg-sprite-loader` 首先,我们需要通过npm或yarn...

    Adobe SVG Viewer 编辑器

    Adobe SVG Viewer是Adobe公司最具有代表性的SVG浏览插件(了解什么是SVG请访问http://www.chinasvg.com),该浏览插件从Adobe官方网站可以下载到,同时Adobe公司的很多相关软件都附带了该插件,比如Acrobat Reader、...

    svg-pan-zoom:JavaScript库,可通过鼠标事件或自定义JavaScript钩子来平移和缩放HTML文档中的SVG

    svg-pan-zoom库用于HTML中SVG的简单平移/缩放解决方案。 它为鼠标滚动,双击和平移添加了事件侦听器,此外还可以选择提供: 用于控制平移和缩放行为JavaScript API onPan和onZoom事件处理程序屏幕上的缩放控件它可以...

    将彩色位图图像转换为彩色SVG矢量图像_JavaScript_html_css_代码_下载

    SVGcode 是一个渐进式 Web 应用程序,可让您将 JPG、PNG、GIF、WebP、AVIF 等光栅图像转换为 SVG 格式的矢量图形。它使用文件系统访问 API、异步剪贴板 API、文件处理 API 和窗口控件覆盖自定义

    javascript+canvas与svg做捕鱼游戏.zip

    在本项目中,"javascript+canvas与svg做捕鱼游戏.zip" 提供了使用JavaScript结合HTML5的Canvas和SVG技术制作捕鱼达人的详细实现。这两种技术是现代网页开发中用于动态图形绘制的重要工具,它们各自有独特的优点和...

    SVG.rar_c#svg_svg_svg contextMenu_svg csharp_svgpan.js

    5. **svgpan.js**:这是一个JavaScript库,通常用于实现SVG图像的平移和缩放功能。通过JavaScript,可以轻松实现用户在浏览器中对SVG图形的自由移动和缩放,增强用户体验。 6. **200711220294247498**:这个文件名...

    >Vue组件化,封装SVG图标 支持uniapp等vue版本 # 前言 # 设计思路 **创建SVG组件:** 首先创建一

    ### Vue组件化,封装SVG图标 支持uniapp等vue版本 #### 前言与设计思路 在现代Web开发中,图标是非常重要的视觉元素之一。传统的图标使用方法包括使用图像文件(如PNG或JPEG)或者字体图标。然而,这些方法都有...

    SVG浏览器插件

    SVG浏览器插件,如ADOBE SVG VIEWER 3.03,是针对早期浏览器的一种扩展,用于在不支持原生SVG渲染的浏览器上查看SVG内容。 SVGView.exe 是Adobe为Windows XP系统提供的SVG查看器应用程序的执行文件。这个插件允许...

    Adobe SVGViewer 插件

    Adobe SVGViewer 插件 要想用浏览器查看SVG矢量图,必须要装一个控件,可能有多种控件,但是我一直用这个Adobe的SVG Viewer,只可以adobe在收购Micromedia之后就不在更新这个插件了

    svgpan-master.zip

    通过分析和使用这个"svgpan-master"项目,开发者可以学习到如何用JavaScript处理SVG图形的交互,提高其网站或应用的用户体验。这不仅适用于SVG初学者,也对有经验的前端开发者有价值,因为他们可以借鉴其中的实现...

    SVG Viewer 3.02中文版

    呵呵,经过我不懈努力,终于找到3.02的中文版,还真是够辛苦的,现在就贡献给大家,希望对大家有帮助

    http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd

    This is SVG, a language for describing two-dimensional graphics in XML. The Scalable Vector Graphics (SVG) Copyright 2001, 2002, 2011 World Wide Web Consortium (Massachusetts Institute of ...

Global site tag (gtag.js) - Google Analytics