Annotation / highlight scale based on root HTML element, not "scaler" div

[danielweck]

https://github.com/readium/readium-shared-js/blob/develop/lib/annotations_module.js#L576

        var $html = $(this.get("contentDocumentDOM"));
        var matrix = $('html', $html).css('-webkit-transform');
        var scale = new WebKitCSSMatrix(matrix).a;
        this.set("scale", scale);

https://github.com/readium/readium-shared-js/blob/develop/js/views/one_page_view.js#L565

        if (reader.needsFixedLayoutScalerWorkAround())
        {
            var css1 = ReadiumSDK.Helpers.CSSTransformString({scale : scale, enable3D: enable3D});
            _$epubHtml.css(css1);

            var css2 = ReadiumSDK.Helpers.CSSTransformString({scale : 1, enable3D: enable3D});
            css2["width"] = _meta_size.width;
            css2["height"] = _meta_size.height;
            _$scaler.css(css2);
        }
        else
        {
            var css = ReadiumSDK.Helpers.CSSTransformString({scale : scale, enable3D: enable3D});
            css["width"] = _meta_size.width;
            css["height"] = _meta_size.height;
            _$scaler.css(css);
        }

Related issue: #154

[danielweck]

Related to
readium/readium-js-viewer#313 (comment)
(needsFixedLayoutScalerWorkAround)