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

Question

现在正在研究一个包含一定数量房间的平面图项目——每个房间都被表示为一个 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);

但是字体也会缩放。有没有办法阻止它？