在缩放父div时防止缩放文本

时间:2014-11-14 15:27:03

标签: javascript zoom raphael scaletransform

现在正在制作包含一定数量房间的平面图的项目 - 每个房间都被表示为Raphael.js形状,并且在形状的中间有许多任务。字体大小每个形状都不需要修复任务。

放大:

(this._zoom <= 6 && this._zoom > 0) ?
(this.count) ? this._textPaperSet.forEach(function (e) {
e.transform("...s" + (1 / defaultZoomStep));
}) : ''
                : '';

同样缩小:

(this._zoom >= -0.16) ?
(this.count) ? this._textPaperSet.forEach(function (e) {
e.transform("...s" + (1 * defaultZoomStep));
}) : ''
                : '';

这很好。

点击“适合屏幕”按钮使地图适合屏幕:

var zoom = (Math.min(this._inner.width() / this._mapWidth,
this._inner.height() / this._mapHeight) * mapZoomFudgeFactor);
this.zoomTo(zoom);

然而,字体也会缩放。有没有办法阻止它?

0 个答案:

没有答案