为图像添加图像尺寸

Question

当我给页面添加图片属性时，我注意到在 组件内部，图片本身有属性。 当我把图片调入资产管理器时，我的操作如下： 然而，图像添加到画布时，高度和宽度数据是无法显示的。我尝试通过以下方法来获取尺寸： 'component.views[0].el.height' 而且我尝试添加它到对象上，但每次尝试都显示0，因为图片还没在DOM中显示，所以它不知道它的大小。 有没有办法把这些高度和宽度传递给图片？我需要这个来做一些懒加载函数。 我现在正在做一个更新 我应该更早添加属性吗？ 谢谢。

artf · Accepted Answer

@awaredigital最好的解决方案可能是按照建议去听“src”的更改，然后找到合适的资源并相应更新属性 “''js 型号：{ init（） { this.on（'change：src'， this.onSrcUpdate）; }, onSrcUpdate（） { const src = this.get（'src'）; const assets = 编辑器。AssetManager.getAll（）; const asset = assets.filter（asset => asset.get（'src'） == src）[0]; 如果（资产） { const width = asset.get（'width'）; width && this.addAttributes（{ width }）; // ... } } } ```

pouyamiralayi · Answer

你好@awaredigital查看[#2696评论]（https://github.com/artf/grapesjs/issues/2696#issuecomment-610823851），它会在“src”变化时更新样式。 干杯！

andy-aware · Answer

你好，@pouyamiralayi，谢谢你的回答，但这不是我想做的。我想给图像元素本身添加高度和宽度。举个例子，现在图像是这样插入的： '

' 我想做的是插入相应的高度和宽度图像。 '

' 不过，我看不出该怎么做。

为图像添加图像尺寸

问题

回答（3）

相关问答

资源渲染所有图像，而不是只渲染部分。

风格管理器问题。

问题：性状

Editor.ON（'component：update：content'， model => { }}）在某些原因下无法工作

与此问题匹配的付费插件

浏览插件分类

问题