我设法做了一些破解以缩放raphael纸,因为setviewbox不适合我,这是我写的功能:
function setCTM(element, matrix) {
var s = "matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.e + "," + matrix.f + ")";
element.setAttribute("transform", s);
}
Raphael.fn.zoomAndMove = function(coordx,coordy,zoom) {
var svg = document.getElementsByTagName("svg")[0];
var z = zoom;
var g = document.getElementById("viewport1");
var p = svg.createSVGPoint();
p.x = coordx;
p.y = coordy;
p = p.matrixTransform(g.getCTM().inverse());
var k = svg.createSVGMatrix().scale(z).translate(-p.x, -p.y);
setCTM(g, g.getCTM().multiply(k));
}
Run Code Online (Sandbox Code Playgroud)
其中viewport1元素定义为:
var gelem = document.createElementNS('http://www.w3.org/2000/svg', 'g');
gelem.id …Run Code Online (Sandbox Code Playgroud) 我想一次缩小和混淆多个javascript文件,但保持它们的链接方式(变量和函数的名称)
你知道任何可以提供帮助的软件吗?
我有一些jQuery 1.6的问题,我试图选择$('#' + id)id看起来像这个对象skill|3345015|7868,但控制台总是给我一个:
错误:未捕获的异常:语法错误,无法识别的表达式:| 3345015 | 7868
谢谢你的帮助
今天我有一个奇怪的问题,在Chrome中,当我专注于一个绝对位于其溢出隐藏容器之外的元素时,它在Chrome浏览器(Mac)中可见.
我做了一个小提琴来说明问题:http://jsfiddle.net/GHgtc/
HTML
<div id="container">
<a id="inner-button" href="#">You can see me !</a>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
#container{
display: block;
background: blue;
width: 200px;
height: 30px;
position: relative;
overflow: hidden;
}
#inner-button{
display: block;
background: red;
width: 20px;
height: 20px;
position: absolute;
top: 5px;
right: -20px;
}
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助 !
干杯!
jquery ×2
animation ×1
css ×1
css-position ×1
expression ×1
focus ×1
javascript ×1
minify ×1
obfuscation ×1
overflow ×1
raphael ×1
svg ×1
syntax ×1
zoom ×1