Dalam kasus saya, saya memiliki kode warna pada beberapa ubin di klien HTML dan saya ingin menambahkan kunci kode warna sederhana. Saya memiliki file PNG yang ingin saya gunakan.
Saya tidak memerlukan kemampuan untuk mengunggah atau mengubah gambar.
Tautan ini sepertinya mencapai apa yang saya cari, tetapi saya tidak yakin di mana harus menerapkannya. Apakah semua kode ini masuk ke PostRender dari Kontrol Gambar yang saya buat?
Tambahkan gambar ke lightwitch menggunakan properti lokal dan lokasi file
Berikut adalah PostRender dari item data Gambar sederhana yang saya buat sebagai Properti Lokal Gambar, lalu diseret ke Perancang Solusi. Itu pada dasarnya disalin dari tautan di atas, tetapi saya mengubah nama file gambar agar sesuai dengan milik saya, dan saya telah menambahkan item ke struktur folder Content\Images dan itu ditampilkan dalam tampilan file:
myapp.BrowseOrderLines.ColorKey_postRender = function (element, contentItem) {
// Write code here.
function GetImageProperty(operation) {
var image = new Image();
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
// XMLHttpRequest used to allow external cross-domain resources to be processed using the canvas.
// unlike crossOrigin = "Anonymous", XMLHttpRequest works in IE10 (important for LightSwitch)
// still requires the appropriate server-side ACAO header (see https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image)
var xhr = new XMLHttpRequest();
xhr.onload = function () {
var url = URL.createObjectURL(this.response);
image.onload = function () {
URL.revokeObjectURL(url);
canvas.width = image.width;
canvas.height = image.height;
ctx.drawImage(image, 0, 0);
var dataURL = canvas.toDataURL("image/png");
operation.complete(dataURL.substring(dataURL.indexOf(",") + 1));
};
image.src = url;
};
xhr.open('GET', this.imageSource, true);
xhr.responseType = 'blob';
xhr.send();
};
myapp.BrowseOrderLines.ColorKey_postRender = function (element, contentItem) {
// Write code here.
msls.promiseOperation
(
$.proxy(
GetImageProperty,
{ imageSource: "content/images/Key.png" }
)
).then(
function (result) {
contentItem.screen.ImageProperty = result;
}
);
};
}
Saat ini, kontrol Gambar ditampilkan di layar browser, dan merupakan ukuran khusus yang saya pilih, namun hanya area biru muda yang tidak menampilkan file gambar saya.
Saya tidak yakin apakah saya telah menyematkan gambar tersebut? Saya tidak yakin apakah itu langkah yang hilang?
Terima kasih!!
