相关疑难解决方法(0)

我正在应用CSS转换(以及特定于浏览器的-webkit,-o等):

transform:matrix(0.5,0,0,0.5,0,0);

到div然后使用jQuery的draggable()和resizable()插件对所述div的孩子.

我遇到的问题是,在拖动或调整子元素大小时,jQuery所做的更改与鼠标"同步"的因子等于应用的比例.

我在stackoverflow上找到了一个解决方案(虽然我愚蠢地没有将它加入书签但现在无法找到它......)建议修补插件,并且它运行得非常好.它沿着这条线走:

function monkeyPatch_mouseStart() {
  // don't really need this, but in case I did, I could store it and chain
  // var oldFn = $.ui.draggable.prototype._mouseStart ;
  $.ui.draggable.prototype._mouseStart = function(event) {

    var o = this.options;

    //Create and append the visible helper
    this.helper = this._createHelper(event);

    //Cache the helper size
    this._cacheHelperProportions();

    //If ddmanager is used for droppables, set the global draggable
    if($.ui.ddmanager)
      $.ui.ddmanager.current = this;

    /*
     * - Position generation -
     * This block generates everything position related - …

我有一个包含一系列div的页面.每个div代表幻灯片中的幻灯片.我需要一系列缩略图,每张幻灯片一张.理想情况下,这些缩略图将是幻灯片的光栅化版本:PNG data:网址将是完美的.我希望在浏览器中完成这项工作,而且我可以使用仅适用于现代浏览器之一的东西(例如chrome或firefox).我怀疑这是不可能的,但我很乐意听到.

toDataURL()canvas对象上的方法基本上就是我想要的,但是所讨论的div不是canvas的实例,因此不起作用.