我和一个朋友必须在画布上拖动图像。这些图像必须从数据库中加载。
这是我们的模型Tafel：
public class Tafel{
public int TafelId { get; set; }
public int ReservatieId { get; set; }
public string ImagePostion { get; set; }
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:hh:mm tt}")]
//[DataType(DataType.Time)]
public DateTime? Tijd { get; set; }
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]
public DateTime? Datum { get; set; }
public string Afbeelding { get; set; }
public bool Beschikbaarheid { get; set; }
}
画布position存储在中ImagePosition。画布坐标在这里被存储。
在这里，我们将图像加载到画布上：
<script>
var position = @Html.Raw(Json.Encode(Model.ImagePostion));
var path = "somerandomimage.jpg";
var canvas = $("#Canvas");
var c = canvas[0].getContext("2d");
var image = new DragImage(path, 50, 50);
var loop = setInterval(function () {
c.fillStyle = "gray";
c.fillRect(0, 0, 800, 500);
image.update();
}, 30); `
//some drag & drop code after this
</script>
因此，imagePosition必须继续DragImage(path, 50, 50)。我们尝试使用来获取位置Json.Encode，但它返回null。
你们中的任何人都可以帮助我了解如何将模型中的数据提取到Javascript中吗？
谢谢您的问候。
根据ImagePosition这种格式的值，number/number您可以将其拆分为一个数组，然后使用索引访问所需的部分
var position = '@Model.ImagePostion'.split('/');
// then access the values like so
var image = new DragImage(path, position[0], position[1]);
parseInt如果DragImage需要数字而不是字符串，则可能需要这些值。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句