• svg图片的缩放拖拽


    svg是一种不错的矢量图,有时候我们会使用这样的图片来作为展示图,因为它不会因为放大缩小而失真。

    好了,不扯淡了,废话少说,直入主题吧。

    首先确定你是要深入学习还是要简单的把遇到的小任务解决一下,以后都很少会接触,显然,大家基本都是偶尔一次是吧。

    那么我将告诉你最简单的方式。

    链接:http://timmywil.github.io/jquery.panzoom/demo/  相信你要的应该在这里面的demo里面。

    这里注意,我们写代码,可以用轮子,但是我们应该注重底层基本原理,及其实现的大概。

    那么,现在我们看下它缩放的基础是什么》》》 链接:http://www.html-js.com/article/SVGkaifayuyingyong-SVG-jibenzhishiSVG-fangdasuoxiaozhi-viewbox-chutan-1%203785

    看完了,回到这里,这时候我们明白,所谓的放大缩小其实是设置svg的viewbox

    看完你会觉得如此简单,但是,我们是不是该考虑一下这个viewbox到底是什么??

    其实,我想这时候你如果思考的话,应该不难思考到,其实就是图片的大小控制,其实一直都是在对svg外围的div控制,这样控制图片的大小。

  • 相关阅读:
    第十一次作业
    第十次作业
    第九次作业
    第八次作业
    第七次作业
    第六次作业
    第五次作业
    java第三次作业
    Java第二次作业
    Java第一次作业
  • 原文地址:https://www.cnblogs.com/blogwangwang/p/9700049.html
Copyright © 2020-2023  润新知