canvasGetImageData canvasGetImageData 解释： 返回一个数组，用来描述 canvas 区域隐含的像素数据。在自定义组件下，第二个参数传入自定义组件组件实例 this，以操作组件内 <canvas> 组件。 参数： Object Object 参数： 参数名 类型 必填 说明 canvasId Strin...

变换 选项 示例 变换 变换是一把可控制图像的瑞士军刀。它可移动，旋转和缩放片段内的图像。 选项 插值 无 没有插值，使用最近的相邻像素。 双线性 相邻像素之间的简单插值。 双立方 最高质量的插值。 转换单位 控制输入值是 百分比 还是 像素 。 位置 沿X轴和Y轴移动输入。 均匀放缩 沿着X轴和Y轴均匀地缩放...

canvasPutImageData canvasPutImageData 解释： 将像素数据绘制到画布的方法。在自定义组件下，第二个参数传入自定义组件实例 this，以操作组件内 <canvas> 组件。 参数： Object Object 参数： 参数名 类型 必填 说明 canvasId String 是 画布标识，传入 <canv...

图像资源的自动剪裁 Sprite 组件剪裁相关设置详解 自带位置信息的序列帧动画 TexturePacker 设置 图像资源的自动剪裁 导入图像资源后生成的 SpriteFrame 默认会进行自动剪裁，去除原始图片周围的透明像素区域。这样我们在使用 SpriteFrame 渲染 Sprite 时，将会获得有效图像更精确的大小。当 SpriteFr...

图像资源的自动剪裁 Sprite 组件剪裁相关设置详解 自带位置信息的序列帧动画 TexturePacker 设置 图像资源的自动剪裁 导入图像资源后生成的 SpriteFrame 默认会进行自动剪裁，去除原始图片周围的透明像素区域。这样我们在使用 SpriteFrame 渲染 Sprite 时，将会获得有效图像更精确的大小。当 SpriteFr...

图像资源的自动剪裁 Sprite 组件剪裁相关设置详解 自带位置信息的序列帧动画 TexturePacker 设置 图像资源的自动剪裁 导入图像资源后生成的 SpriteFrame 会进行自动剪裁，去除原始图片周围的透明像素区域。这样我们在使用 SpriteFrame 渲染 Sprite 时，将会获得有效图像更精确的大小。 Sprit...

图像资源的自动剪裁 Sprite 组件剪裁相关设置详解 自带位置信息的序列帧动画 TexturePacker 设置 图像资源的自动剪裁 导入图像资源后生成的 SpriteFrame 会进行自动剪裁，去除原始图片周围的透明像素区域。这样我们在使用 SpriteFrame 渲染 Sprite 时，将会获得有效图像更精确的大小。 Sprit...

输出选项 尺寸面板 输出面板 后处理面板 抖动 输出选项 渲染进程中的第一步是确定和设置输出选项。这包括渲染大小、 帧速率、 像素长宽比、 输出位置和文件类型。 尺寸面板 尺寸面板。 渲染预设 电视和屏幕的通用格式预设。 分辨率 X / Y 坐标轴 图像中水平和垂直方向的像素数。 百分比 滑块可相对于上面的X / Y...

边框 边框位置 纯色或渐变 虚线 边框 除了文本之外的所有图层都可以有多个边框，你也可以给边框设定不同的粗细、颜色和混合模式。 边框选项从左至右分别是：・纯色填充 ・线性渐变 ・径向渐变 ・环形渐变 边框位置 边框可以出现在一个路径的中间，内部或外部，如果你有一个封闭的图形，那么内边框会被绘制在图形的轮廓以内，外边框则会在轮...

图像 计算机图形学领域经常将矢量图形和位图图形分开来讨论。本章一直在讨论第一种图形，即通过对图形的逻辑描述来绘图。而位图则相反，不需要设置实际图形，而是通过处理像素数据来绘制图像（光栅化的着色点）。 我们可以使用drawImage 方法在画布上绘制像素值。此处的像素数值可以来自<img> 元素，或者来自其他的画布。下例创建了一个独立的<img> 元素，...