放大image in raphaeljs

Question

我有一個問題。 我在畫布中創建了縮放圖像，但是我無法在raphaeljs中傳輸此圖像 如何縮放光標座標？

Raphaeljs： http://jsfiddle.net/qCzqF/2/

function zoomTo (x,y,z) { 

c.translate(
    originx, 
    originy 
); 
c.scale(z,z); 
c.translate(
    -(x/scale + originx - x/(scale * z)), 
    -(y/scale + originy - y/(scale * z)) 
); 

originx = (x/scale + originx - x/(scale * z)); 
originy = (y/scale + originy - y/(scale * z)); 
scale *= z; 

帆布： http://jsfiddle.net/JtctY/

function zoomTo (x,y,z) { 

context.translate(
    originx, 
    originy 
); 
context.scale(z,z); 
context.translate(
    -(x/scale + originx - x/(scale * z)), 
    -(y/scale + originy - y/(scale * z)) 
); 

originx = (x/scale + originx - x/(scale * z)); 
originy = (y/scale + originy - y/(scale * z)); 
scale *= z; 

Answer 1

你變焦功能似乎沒什麼問題，你就是不能餵養它的鼠標的正確的X/Y位置。你要相對鼠標位置使用SVG的容器

var mousex = event.clientX - paper.clientX; 
var mousey = event.clientY - paper.clientY; 

http://jsfiddle.net/mFaD2/