繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航:
首页
→
网络编程
→
CSS/HTML
→
VML相关
→ 正文内容
放大缩小VML
发布:dxy 发布日期:
2006-12-24
字体:[
增加
减小
] 类型:转载
由于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<document.all.tags("DIV").length;i++)
document.all.tags("DIV").item(i).style.fontSize=
fs*h+"pt"
;
}
fs是默认状态下的文字大小。document.all.tags("DIV") 将返回页面上所有DIV元素,然后把他们的文字大小都变大。实践证明,放大后和VML的比例是不变的。
Tags:
放大缩小VML
百度中搜索更多的关于
放大缩小VML
内容,或者
用Google搜索相关更多
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
脚本动态生成VML
下一篇文章:
网站制作之网页技巧
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
建立WEB两大经典!《VML极道教程》+Flash
何为“VML”、VML的基底知识
VML网页文件的基本格式
ShapeType给VML制作模版
Line,Polyline(线)对象
Image(图像)对象
给VML增加事件
Group容器
脚本动态生成VML
VML的基本概念
最 近 更 新
建立WEB两大经典!《VML极道教程》+Flash
Shape对象与VML坐标系
网站制作之网页技巧
VML应用实例大全
Image(图像)对象
欢迎品尝用vml画的苹果~~
VML网页文件的基本格式
vml简介
文本修改留痕
VML的基本概念
热 点 排 行
VML应用实例大全
建立WEB两大经典!《VML极道教程
vml简介
欢迎品尝用vml画的苹果~~
何为“VML”、VML的基底知识
Shape对象与VML坐标系
VML网页文件的基本格式
脚本动态生成VML
数据图表
放大缩小VML
文章评论
共有 位脚本之家网友发表了评论我来说两句