javascript - Scaling canvas together with elements over it -


I want to get some ideas about applying it.

Here's the sketch:

sketch < P> Description: I have a view (canvas on the sketch) and we say that the 2 panel canvas gives the situation with DIV, the panel is outside of this DIV and some element elements of this DIV All the elements with the status are draggable. Every element has a div with the inner canvas.

Problem: I need to implement the zoom of this canvas in any way. I am zooming the canvas (it has a grid drawn on it) and the element is also zooming. It can be scaling (I know about quality after the scaling bitmap, it is acceptable in my case). The only problem is that I do not really know how to scale both canvas and independent elements, which are on it, that our illusion is that visual scaling is there. Hope you have received the idea of ​​what I am trying to do.

If your target browser performs CSS3 conversions, you can use your floating divs Change the style to transform: scale (1.5.1.5) .

Note: You probably want to wrap the canvas and full divas to div to overflow: hidden so that you can only show things in that area.

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

memcached - Django cache performance -

java : convert string value to int -