草庐IT

Off-Canvas

全部标签

javascript - fabric.js 调整 Canvas 大小以适合屏幕

我目前正在使用ionic和cordova在移动设备(android和iPhone)上开发应用程序。我想编辑图片。我使用fabric.js库来做到这一点。Fabric.js将图像和其他项目转换为Canvas。然后我在Canvas上添加一些图像(贴纸)并将其导出为图像(dataURL)。所以Canvas的大小非常重要,因为它是一个质量因素(导出基于小Canvas的图像会导致质量不佳)。Canvas大小约为607*1080像素(取决于拍摄照片的设备)。我想在不损失质量的情况下将其放入屏幕(如下所述,我无法在不损失质量的情况下调整Canvas的大小)。我尝试了3个想法,但没有一个可行。调整Ca

android - 如何设置描边颜色以在 Canvas 上绘制矩形?

我想画一个蓝色描边红色填充的圆角矩形,但是在Paint类中找不到设置描边颜色的方法。我该怎么做?mCanvas.drawColor(mBackgroundColor,PorterDuff.Mode.CLEAR);mCanvas.setDrawFilter(mPaintFlagsDrawFilter);mPaint.setStyle(Paint.Style.FILL_AND_STROKE);mPaint.setColor(Color.RED);mPaint.setStrokeWidth(2);mPaint.setStrokeCap(Paint.Cap.ROUND);mRectF.set(

android - 使用 canvas.scale 函数放大 Canvas ?

我实现了一个很长的onDraw方法,它绘制了一组矩形。矩形太小,我希望它们看起来更大。但不幸的是我无法更改矩形坐标,因为它们存储在数据库中。那么有什么方法可以使用canvas.scale()放大Canvas吗? 最佳答案 我要在这个答案的开头说你需要在0,0处绘制所有内容,然后对其进行缩放,最后将其转换为正常运行。只需在您的onDraw方法中执行以下操作:canvas.save();canvas.translate(xValue,yValue);canvas.scale(xScale,yScale)/*drawwhateveryou

android - 根据 PDF 文档/ Canvas 大小使用 Android PDFDocument 设置文本大小

我正在尝试使用AndroidPDFDocument类将LinearLayout转换为PDF。我将布局膨胀到一个ViewGroup中,将View缩放到Canvas上,然后在Canvas上绘图。我成功制作了PDF,但字体大小是根据设备分辨率/密度而不是PDF大小绘制的。基本上,实际PDF上的字体最终会变得很大。我相信这是由于根据设备屏幕的尺寸和密度绘制View,然后将其转换为Canvas。我尝试过以px和pt为单位设置尺寸,但我似乎无法正确设置。当尺寸设置得非常小(1-2dp或px)时,字体显示的大小正确,但我知道在不同设备上运行它时我会遇到问题。缩放文本和View尺寸以使其在最终PDF中

Android Canvas 画线

我有一个自定义布局,可以根据触摸输入画一条线。我让它画了线,但是当用户触摸屏幕时,线消失了,它画了一条新线。我想要它做的是画一条新线并将上一条线留在那里。这是我的代码:importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.Paint;importandroid.util.AttributeSet;importandroid.view.MotionEvent;importandroid.view.View;publicc

android - 开关按钮在 Android 中不显示 ON 和 OFF 文本

我正在以编程方式创建一个切换按钮。我遇到的问题是按钮不显示ON/OFF文本。这是创建代码:finalRelativeLayout.LayoutParamsll=newRelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);ll.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);sw.setLayoutParams(ll);sw.setTextOn(values[0].getName())

解决苹果手机wx.canvasToTempFilePath:fail on image问题,canvas的那些坑,图片失真问题

用小程序做过画图工具的小伙伴,可能都遇到过这个问题,程序在安卓手机和电脑上面都没有问题,但是同样的代码在苹果手机下就出现了该问题:wx.canvasToTempFilePath:failonimage。网上有很多解决方案,比如不能加隐藏none,hidden等。这些CSS设置的初衷会为了隐藏画布,与画图失败没有关系。如果想要隐藏画布也可以用另一种方案:让画布的位置固定在屏幕之外。出现failnoimage真正的原因在于画布canvas的大小超过了苹果手机所能设置的大小界限。canvas有自身的width,height属性来控制尺寸,而且不同的设备拥有不同的尺寸。比如:苹果手机不能超过4096*

html2Canvas常见问题以及解决

近期开发在vue中引用了html2Canvas后,使用时遇到一些常见问题,简单总结下:简单代码使用格式:html2Canvas(document.getElementById("posterHide"+num),{//转换为图片useCORS:true,//解决资源跨域问题scale:2,//处理模糊问题//dpi:300,//处理模糊问题//width:document.documentElement.clientWidth,height:screen.availHeight//解决下方白边问题}).then((canvas)=>{letdataURL=canvas.toDataURL("i

android - 如何在 Canvas 上绘制三角形、星形、正方形或心形?

我可以使用在Canvas上画一个圆和一个长方形path.addCircle()和path.addRect()。现在我想知道如何画三角形、星形、正方形或心形? 最佳答案 为了以后直接求答案,我用canvas画了一个几乎对称的星星,如图:主要工具是使用Paths。假设您已设置:Paintpaint=newPaint();paint.setColor(Color.WHITE);paint.setAntiAlias(true);paint.setStyle(Paint.Style.STROKE);Pathpath=newPath();然后在

android - 如何在android中将编辑后的 Canvas 保存为原始图像大小的图像

我正在尝试在图像上绘图并保存图像。现在我可以成功地在图像上绘制了。但我面临两个问题。当我在图像上绘制时,它也允许绘制图像的一侧。我只想在图像上绘制。第二个问题是当我保存图像时它被拉伸(stretch)了。我想将图像保存为原始大小。请帮我解决我的问题。我在这里发布我的全部代码。publicclassDrawingPaintextendsViewimplementsView.OnTouchListener{privateCanvasmCanvas;privatePathmPath;privatePaintmPaint,mBitmapPaint;publicArrayListpaths=ne