当前位置:  编程技术>WEB前端

放大缩小VML

    来源: 互联网  发布时间:2014-09-06

    本文导语:  由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件,当放大太多了,可以拖动图片查看...

由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件,当放大太多了,可以拖动图片查看。

放大 1倍
放大 2倍
放大 3倍
放大 4倍
放大 5倍
放大 6倍
放大 7倍
放大 8倍
放大 9倍
放大10倍


    是否感觉出来了,放大缩小对 VML 的画质没有改变?因为 VML 是矢量的。动态改变它的 coordsize 值就可以了,注意,减小值等于放大,增大值就等于缩小。可以参考下面的脚本:

  var xx=6000;
  var yy=6000;
  function zoom(h)
  {
    group1.coordsize=xx/h+","+yy/h;
  }

    上面的 xx,yy 是指默认状态下的 coordsize 值。调用这个函数的时候使用 zoom(n) 其中 n 是要放大的倍数。
    当VML中包含 文字的时候,图形放大了,但文字不会自动放大。这样一来就很不对称了,有个技巧,就是文字都用一种标记包着,放大函数就需要改进一下了:
  var xx=6000;
  var yy=6000;
  var fs=9;
  function zoom(h)
  {
    group1.coordsize=xx/h+","+yy/h;
    for(var i=0;i

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • photoshop教程 快捷键命令大全表免费下载 快捷键如何设置 复制 放大等
  • C#实现图片放大功能的按照像素放大图像方法
  • 图片放大效果 ImageZoom
  • 图像放大工具 SmillaEnlarger
  • jQuery放大镜插件 AnythingZoomer
  • jQuery网页放大镜插件 Apple Zoom
  • jQuery 图像放大镜插件 Mlens
  • JavaScript图像放大脚本 PopBox
  • JavaScript图像局部放大 Zoomy
  • 网页放大镜 MagnifyMa
  • mysql iis7站长之家
  • jQuery图片放大插件 hoverpluse
  • jQuery图片放大镜插件 magnifier
  • 图片局部放大插件 Cloud Zoom
  • qt如何实现图片局部放大??
  • jQuery的图片放大器插件 jQzoom
  • 各老大:有没有图像放大或压缩算法?或思路?
  • css首字放大实例代码
  • jQuery图片自动放大插件 Greyscale Hover Effect w/ CSS & jQuery
  • 图片放大镜jquery.jqzoom.js使用实例附放大镜图标
  • jQuery 图片放大镜效果插件jQZoom的用法举例




  • 特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3