插入图 r 降价

如果你是做网站、APP或者游戏开发的程序员，你一定会有很多图片需要使用。有时候，你需要在你的代码中动态地插入图片展示给用户。那么，如何在你的代码中插入图片呢？

今天我们介绍一个神奇的库——插入图 r，它可以非常方便地在你的代码中插入图片，而且现在，插入图 r降价啦！价格更加实惠！

特点

• 简单易用：只需要一行代码，就能在你的应用中插入图片。
• 高效可靠：无需调整图片尺寸或格式，程序会自动优化。
• 灵活多样：支持多种图片格式，还能设置图片尺寸和对齐方式。

安装

在终端执行以下命令安装插入图 r：

npm install insert-img-r --save

使用

在你的代码中，先引入插入图 r：

const insertImg = require('insert-img-r');

然后，你可以用insertImg()方法插入图片。

以下是插入一张指定宽度的图片的示例：

const imgUrl = 'https://example.com/image.png';
const width = 320;
const align = 'center';

const imgMd = insertImg(imgUrl, {width, align});

console.log(imgMd);

代码输出结果：

![Image](https://example.com/image.png){width=320px align=center}

在markdown中渲染效果为：

{width=320px align=center}

参数

在insertImg()方法中，我们可以通过设置参数来指定插入图片的尺寸、对齐方式等。

imgUrl

必须。

图片地址。

options

可选。

width

插入图片的宽度，单位为像素。格式：数字或字符串，如320或'50%'。

height

插入图片的高度，单位为像素。格式：数字或字符串，如240或'auto'。

align

插入图片的对齐方式，可选值为：left、right、center。默认值为center。

title

图片的标题，将在渲染时添加title属性。格式：字符串。

alt

图片的描述，将在图片无法加载时显示。格式：字符串。

attributes

需要添加在<img>标签的自定义属性及值。格式示例：

attributes: {
    class: 'avatar',
    'data-id': 123
}

extra

插入图片后添加的额外markdown代码。格式：字符串。

结论

通过插入图 r插入图片，不仅简单、高效、灵活，而且现在价格更加实惠，非常值得你的尝试。