SAP UI5中的本机捕获照片功能

2020-08-13 12:55发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家们,

我具有使用html视频标签捕获图像的功能。 是否有任何方法可以实现iPhone API或在Firoi客户端上也可以使用的其他任何替代方法。

让我知道更多细节。

感谢和问候,

RK

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家们,

我具有使用html视频标签捕获图像的功能。 是否有任何方法可以实现iPhone API或在Firoi客户端上也可以使用的其他任何替代方法。

让我知道更多细节。

感谢和问候,

RK

付费偷看设置
发送
9条回答
蓋茨
1楼-- · 2020-08-13 13:30

嗨Ram,

尝试执行以下操作:

 onCapture:function(){
 var me = this;
 navigator.camera.getPicture(function(imageData){
 me.setImage(imageData)
 } .bind(this),
 功能(消息){
 MessageToast.show("发生错误!",{});},{
 质量:100,
 allowEdit:true,
 sourceType:navigator.camera.PictureSourceType.CAMERA,
 destinationType:navigator.camera.DestinationType.DATA_URL
 });},

setImage():

 setImage:function(imageVal){
//从摄像机的视频流中获取正在运行的图像
 var oVBox = this.getView()。byId(" wow");
 var Items = oVBox.getItems();
 var snapId ='rk-'+ Items.length;
 var textId = snapId +'-text';
 var oCanvas = newsap.ui.core.HTML(
 {
 内容:"  " +" "}});
 oVBox.addItem(oCanvas);
 oCanvas.addEventDelegate({
 onAfterRendering:function(){
 var snapShotCanvas = document.getElementById(snapId);
 var oContext = snapShotCanvas.getContext('2d');
 oContext.drawImage(imageVal,0,0,snapShotCanvas.width,snapShotCanvas.height);}});} 
Nir深蓝
2楼-- · 2020-08-13 13:28

我在控制台中捕获按钮的clikc出现错误,但没有 图片预览。

未捕获的TypeError:无法在'CanvasRenderingContext2D'上执行'drawImage':提供的值不是'(CSSImageValue或HTMLImageElement或SVGImageElement或HTMLVideoElement或HTMLCanvasElement或ImageBitmap或OffscreenCanvas)类型的值

BR,

RK

Nan4612
3楼-- · 2020-08-13 13:15

嗨拉姆,

尝试一下:

 setImage:function(imageVal){//从摄像机的视频流中获取正在运行的图像
 var oVBox = this.getView()。byId(" wow");
 var Items = oVBox.getItems();
 var snapId ='rk-'+ Items.length;
 var textId = snapId +'-text';
 var oCanvas = new sap.ui.core.HTML({
 内容:"  " +" "}});
 oVBox.addItem(oCanvas);
 oCanvas.addEventDelegate({
 onAfterRendering:function(){
 var snapShotCanvas = document.getElementById(snapId);
 var oContext = snapShotCanvas.getContext('2d');
 var image = new sap.m.Image({});
 image.setSrc(" data:image/jpeg; base64," + imageVal);
 oContext.drawImage(image,0,0,snapShotCanvas.width,snapShotCanvas.height);}});} 

一周热门 更多>