以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  SVG放大缩小显示问题  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=34648)


--  作者:colt
--  发布时间:6/20/2006 4:35:00 PM

--  SVG放大缩小显示问题
IE中显示SVG图像时,IE已经支持了在SVG图像上,点击鼠标+ctrl可实现SVG图像的放大功能。现在,我只想实现图片拉长显示功能,不实现放大功能。该怎么实现?如果想屏蔽这个功能,该怎么实现?请大虾指教~~~
--  作者:tamefox
--  发布时间:6/22/2006 8:12:00 AM

--  
屏蔽“点击鼠标+ctrl可实现SVG图像的放大功能”可以在SVG的根元素处加入“zoomAndPan="disable">”,具体为:

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" zoomAndPan="disable">

如果想拉长,可通过在上面的语句中加入preserveAspectRatio="*"试试,其中*的值有:
none,xMinYMin,xMidYMin,xMaxYMin,xMinYMid,xMidYMid,xMaxYMid,xMinYMax,xMidYMax,xMaxYMax,当然好像前提是svg设置了viewbox属性 . 各属性值的具体含义见svg规范

http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute


--  作者:colt
--  发布时间:6/22/2006 10:38:00 AM

--  
太感谢了,屏蔽功能已经实现,拉长功能我还要再试试,想用viewbox通过javascript动态实现。
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
31.250ms