canvas 相关问题

Canvas是自由格式图形输出的通用元素。

禁用全屏 iPhone 视频

连续几天都在为这个问题苦苦挣扎...... 有没有什么方法或“黑客”可以禁止在 iPhone 上的 Safari 上全屏播放视频。当然,我已经尝试过“webkit-playsinline”

回答 7 投票 0

如何在 Jetpack Compose 中绘制圆的交集

我尝试在第二个圆上使用 BlendMode.DstIn 绘制两个圆的交集以掩盖第一个圆,但结果仅显示第一个圆,没有任何修改。 @可组合 有趣

回答 1 投票 0

将文本添加到画布中的矩形中?

如何在 Tkinter Canvas 中的矩形中创建文本? 因为,我所能做的就是创建两个单独的对象。 我尝试这样做: 矩形 = canvas.create_rectangle(0,0,100,100,fill="橙色...

回答 1 投票 0

如何在画布图像内插入 svg 图像标记

我有一个问题要解决。在我的画布图像中,我放置了一个标记,但这是图像类型“png”,我想要一个图标 svg,以便我可以更改颜色。 该代码正在运行,我需要查...

回答 1 投票 0

我可以在其他功能中使用Canvas元素来显示在视图上吗

我创建了一个布局,其中包含一些视图,还包含一个 LinearLayout 来绘制图形 main_page_layout.xml 我创建了一个布局,其中包含一些视图,还包含一个用于绘制图形的 LinearLayout main_page_layout.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/bgcolor" android:id="@+id/main_page_layout" > .... <LinearLayout android:id="@+id/graphicView" android:layout_width="match_parent" android:layout_height="196dp" android:layout_marginTop="64dp" android:layout_marginLeft="0dp" android:layout_marginRight="0dp" android:background="@color/white" android:orientation="horizontal" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintTop_toBottomOf="@id/menuLayout" /> ... </androidx.constraintlayout.widget.ConstraintLayout> 我正在尝试使用名为 GraphPlotter 的自定义类在其上绘制图形 GraphPlotter.java public class GraphPlotter extends View { private Paint paint = null; private Bitmap bitmap; private Canvas canvas; public GraphPlotter(Context context) { super(context); this.init(); } /* Initiates graph plotter */ private void init() { this.paint = new Paint(); this.paint.setColor(Color.BLUE); this.paint.setStrokeWidth(5); this.paint.setStyle(Paint.Style.FILL_AND_STROKE); // Create a bitmap and a canvas associated with the bitmap this.bitmap = Bitmap.createBitmap(1000, 1000, Bitmap.Config.ARGB_8888); this.canvas = new Canvas(bitmap); } public void setColor(int color) { this.paint.setColor(color); invalidate(); // Force a redraw } /* Draws a line with a custom color */ public void drawLine(float starX, float startY, float stopX, float stopY,int color) { this.setColor(color); this.canvas.drawLine(starX, startY, stopX, stopY, this.paint); } ........ 这是我要画的活动 MainPageActivity.java public class MainPageActivity extends AppCompatActivity { private ConnectionHelper connectionHelper = null; private SQLQuery sqlQuery = null; private Person person = null; private TextView txtID = null; private RecyclerView recyclerView = null; private final ProductAdapter productAdapter = null; private AsyncTaskRunner asyncTaskRunner = null; private ViewHolder viewHolder = null; private Spinner graphicTypeSpinner = null; private Button menuButton = null; private ConstraintLayout menuView = null; private List<Product> productList = null; private GraphPlotter graphPlotter = null; @Override protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); // necessary for onCreate function setContentView(R.layout.main_page_layout); // R = resource , R.layout => layouts directory init(); LinearLayout graphicView = (LinearLayout) findViewById(R.id.graphicView); graphPlotter = new GraphPlotter(this); graphPlotter.drawAxisX(159,159,259, Color.BLUE); graphicView.addView(graphPlotter); } ........... ................... 但是我看不到任何线或轴。 我想使用画布为产品绘制图形,但我看不到任何结果,我的类或代码有什么问题 将您的绘制行为放入 onDraw() 函数中 @Override protected void onDraw(Canvas canvas) { drawLine(...); drawAxisX(); }

回答 1 投票 0

使用 javaScript 将图像加载到画布上

我目前正在测试使用 元素来绘制所有背景(稍后我将向这些图像添加效果,这就是我不使用 CSS 加载图像的原因)。那个...

回答 5 投票 0

找到两条(切线)线与封闭圆相交的位置

我有两个同心圆和两条从外圆上的(单个)点出发的切线。我想确定切线的延伸与外圆相交的位置。 ...

回答 1 投票 0

隐藏内容以防止 JavaScript 制作的游戏中作弊

我知道不可能完全阻止用户作弊和/或破解网络应用程序,但我发现的这个漏洞很容易发现,确实应该堵住。 https://mcthompson...

回答 2 投票 0

CanvasJs 图表在浏览器调整大小之前不适合其容器

我从昨天开始尝试使用 Canvasjs 创建图表,但是加载页面时,图表不适合其容器,直到我调整浏览器大小。我认为问题可能出在

回答 2 投票 0

清除整个、转换后的 HTML5 Canvas,同时保留上下文转换

我想通过使用translate() 和scale() 转换上下文、清除画布,然后重新绘制来缩放和平移 HTML5 Canvas。请注意,我明确没有调用 save() 和 Restore()

回答 3 投票 0

编辑渲染上下文时,Web Worker 中的离屏画布不更新

上下文:我正在使用一个名为 openglobus 的映射库来渲染 3d 行星。 Openglobus 有一个图块层,您可以在其中提供一个生成图块的函数,该函数可以返回画布。 S...

回答 1 投票 0

使用屏幕外画布终止多个 Web Worker 时出现问题

我是使用网络工作者的初学者,我正在处理一个小问题。 我正在创建几个工作人员来处理音频缓冲区并在屏幕外画布上绘制其波形: 主线程: // foreach fi...

回答 1 投票 0

我该怎么做才能露出整个字符串?

真的很奇怪,当globalCompositeOperation为'source-atop'时它可以工作,但当globalCompositeOperation为''destination-atop'时却失败。看来不同类型的单词不能...

回答 1 投票 0

在 c# 中,画布的子元素分层在另一个画布下

我正在为一个学校项目做一个十字路口。 我有 4 条车道,其中有一个矩形作为在其上行驶的汽车。 问题是 1 号车和 2 号车在十字路口下行驶,而 Panel.ZIndex 似乎没有...

回答 1 投票 0

三个 JS - 在循环内的画布上渲染而不更新画布

我有下面的代码,它需要进行多次扫描。我知道这始终是 2880。画布应该将整个 360° 分成 2880 个扇区。下面代码中的循环将始终从 0...

回答 1 投票 0

在最新的chart.js中实现渐变背景?

这个问题有一个实现,我正在尝试使用最新版本的chart.js将其转移到这个演示,但是渐变设置没有生效。 有任何想法吗? 这就是全部

回答 1 投票 0

画布到base64图像,无需awt/swing类

我现在尝试将 Canvas 转换为 Base64 图像字符串一段时间,这样我就可以稍后将其转换回来以显示在屏幕上或将其存储在文件中。 问题是,我找到的所有样本......

回答 1 投票 0

如何找到跟踪画布上指针位置的固定圆形路径的坐标

在上图中, x, y 是圆的中心点,a1,b1 是其半径处的点 x1, y1 是画布上的指针位置,与 x,y 和 a1,b1 形成一条直线 现在如果我将指针移动到...

回答 1 投票 0

canvas drawImage() 渲染 Font Awesome 图标

我需要使用画布drawImage()渲染字体很棒的图像。 drawImage 接受图像参数: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage#image 一个元素...

回答 2 投票 0

使用 HTML 画布将多个蒙版图像叠加在一起

我对画布很陌生,之前没有使用过它,但我认为它非常适合以下任务。在做的过程中,我有疑问,我仍然不知道任务是否均匀

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.