这个想法是在下载真正的高分辨率图像之前显示图像的低分辨率版本,理想情况下使用img标记.
<img lowres="http://localhost/low-res-image.jpg" ng-src="http://localhost/low-res-image.jpg">
Run Code Online (Sandbox Code Playgroud)
低分辨率图像将首先可见,并在下载后用高分辨率图像替换.如何才能做到这一点?是否可以编辑img.src属性,或者是否应该创建其他东西(例如带背景的包装div或其他临时div)?
假设有 600 个带注释的语义分割掩模图像,其中包含 10 种不同的颜色,每种颜色代表一个实体。这些图像位于形状 (600, 3, 72, 96) 的 numpy 数组中,其中 n = 600、3 = RGB 通道、72 = 高度、96 = 宽度。
如何将 numpy 数组中的每个 RGB 像素映射到颜色索引值?例如,颜色列表将为 [(128, 128, 0), (240, 128, 0), ...n],并且 numpy 数组中的所有 (240, 128, 0) 像素将转换为索引唯一映射中的值 (= 1)。
如何用更少的代码高效地做到这一点?这是我想出的一种解决方案,但速度相当慢。
# Input imgs.shape = (N, 3, H, W), where (N = count, W = width, H = height)
def unique_map_pixels(imgs):
original_shape = imgs.shape
# imgs.shape = (N, H, W, 3)
imgs = imgs.transpose(0, 2, 3, 1)
# …
Run Code Online (Sandbox Code Playgroud)