放大缩小VML
导读:收集整理的这篇文章主要介绍了放大缩小VML,觉得挺不错的,现在分享给大家,也给大家做个参考。 由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以...
收集整理的这篇文章主要介绍了放大缩小VML,觉得挺不错的,现在分享给大家,也给大家做个参考。 由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件,当放大太多了,可以拖动图片查看。@H_512_77@ | 放大 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; idocument.all.tags("DIV").length; i++)
document.all.tags("DIV").ITem(i).style.fontSize=fs*h+"pt";
}
fs是默认状态下的文字大小。document.all.tags("DIV") 将返回页面上所有DIV元素,然后把他们的文字大小都变大。实践证明,放大后和VML的比例是不变的。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 放大缩小VML
本文地址: https://pptw.com/jishu/606126.html