You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
6 years ago
|
// draggable
|
||
|
|
|
||
|
|
$(document).ready(function() {
|
||
|
|
var a = 3;
|
||
|
|
$('.draggable').draggable({
|
||
|
|
start: function(event, ui) { $(this).css("z-index", a++); }
|
||
|
|
});
|
||
|
|
// $('#resize').resizable({handles: 'se'}).draggable({
|
||
|
|
// start: function(event, ui) { $(this).css("z-index", a++); }
|
||
|
|
// });;
|
||
|
|
|
||
|
|
// font size relative to div draggable/resizable size
|
||
|
|
var $wrapper = $(".scaleable-wrapper");
|
||
|
|
$wrapper.each(function (d) {
|
||
|
|
var $this = $(this);
|
||
|
|
// var elHeight = $this.outerHeight();
|
||
|
|
var elWidth = $this.outerWidth();
|
||
|
|
|
||
|
|
$this.resizable({
|
||
|
|
resize: doResize
|
||
|
|
});
|
||
|
|
|
||
|
|
function doResize(event, ui) {
|
||
|
|
|
||
|
|
var scale, origin;
|
||
|
|
|
||
|
|
scale = Math.min(
|
||
|
|
// ui.size.height / elHeight,
|
||
|
|
ui.size.width / elWidth
|
||
|
|
);
|
||
|
|
// scale=1.0;
|
||
|
|
// scale=2*scale
|
||
|
|
|
||
|
|
$this.css({
|
||
|
|
// transform: "translate(-50%, -50%) " + "scale(" + scale + ")"
|
||
|
|
transform: "translate(0%, 0%) " + "scale(" + scale + ")"
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
var starterData = {
|
||
|
|
size: {
|
||
|
|
// height: $this.height(),
|
||
|
|
width: $this.width()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// console.log("starterData", starterData, this);
|
||
|
|
doResize(null, starterData);
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|