我正在显示有关项目列表的信息,其中可以选择包含缩略图。如果不存在缩略图,则会显示一个链接以允许上传图像。
我的问题是:需要时在画布上绘制的最佳方式是什么?(见下文)。我需要触发对代码的调用,然后还要识别每个画布,以便它获得适当的图像。
我知道这一切都可以通过在代码中创建元素来完成,但如果可能的话,我想使用 webui 模板机制。
<template iterate="i in gItems.order">
<template if="preItemDisplay(i) == true">
<template if="gItemShowThumb == true">
<div template if="gItems.map[i].thumb == null">
<span class="clickable" on-click="uploadItemImageClick(i)">
Add image...
</span>
</div>
<canvas template if="gItems.map[i].thumb != null" width="80px" height="60px">
</canvas> <!-- ? How to draw on this canvas? -->
</template>
</template>
</template>