snap svg:使用参数更改viewBox [英] snap svg : change viewBox using parameters
本文介绍了snap svg:使用参数更改viewBox的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用预定义的值提供svg元素的viewBox属性的正确语法是什么?我有这个:
what is the correct syntax to supply a viewBox attribute of an svg element using pre-defined values? I have this :
var mySvg=Snap("#mySvg");
var worldMap=mySvg.select("#worldMap");//worldMap is an svg inside svg
当我尝试这个时:
worldMap.attr({viewBox:"760, 455, 132, 78"});
它工作正常.但是,当我尝试使用参数时:
it works just fine. However when i tried it using parameters :
var x=760;
var y=455;
var wi=132;
var hi=78;
worldMap.attr({viewBox:"x, y, wi, hi");
什么都没发生,为什么?我相信问题是找到正确的语法.我也尝试过:
nothing happened, why? I belive the problem is to find the correct syntax. I also tried :
worldMap.attr({viewBox:x, y, wi, hi);
worldMap.attr({viewBox:{x, y, wi, hi});
worldMap.attr({viewBox:(x, y, wi, hi));
worldMap.attr({viewBox:[x, y, wi, hi]);
到目前为止没有任何效果...有什么建议吗?
nothing works so far...any suggestion?
推荐答案
将您的值和分隔符(,)组合为字符串.试试这个,它应该可以工作.
concatenate your values and your seperators (,) as a string. Try this, it should be working.
worldMap.attr({viewBox:x+","+y+","+wi+","+hi});
这篇关于snap svg:使用参数更改viewBox的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文