rendering 相关问题

渲染是指用于显示或打印的计算机程序格式化数据。

Android：当 html 字符串包含 <style> 标签时，WebView 显示空白页面

我需要呈现一个包含 html 内容的对话框，为此我使用 AlertDialog.Builder 创建一个基于包含 WebView 的自定义视图的对话框。 WebView 在内部正确渲染...

android html webview dialog rendering

回答 1 投票 0

我是编码和制作反应应用程序的新手。这是获取地理位置的代码的一部分 const getLocation = () => { if (navigator.geolocation) { navigator.geolocation.getCurrentPo...

reactjs dom jestjs rendering

回答 1 投票 0

从 Pygame Surface 转换 PyOpenGL 纹理后形成白色三角形

三角形的图像具体来说，在将屏幕表面从 pygame 表面转换为 pyopengl 纹理后，我尝试利用 glDrawArrays(GL_TRIANGLE_STRIP, 0, 4) 来形成屏幕表面。但是一个

python pygame rendering pyopengl

回答 1 投票 0

React Signals 不渲染，而 UseState 渲染

我已经使用 UseState 构建了我的第一个 React 试用应用程序，现在正在尝试在同一个试用应用程序中切换到 React Signals。一切似乎都正常，我没有收到任何错误，浏览器控制台显示...

reactjs signals rendering

回答 1 投票 0

Flutter 将方向设置为 Landscape 将页面重定向到主应用程序

我必须将指定页面中的方向更改为DeviceOrientation.landscapeLeft。但是当我在页面上执行此操作时，方向会发生变化，并且当呈现 ui 时，它会立即更改为...

flutter rendering orientation

回答 1 投票 0

将 SVG 转换为使用 JS 中的 ctx 命令渲染

假设我有一个 svg，假设我有一个 svg， <svg viewBox="188.1601 295.929 33.6399 36" width="33.6399" height="36" xmlns="http://www.w3.org/2000/svg"> <path fill="#744EAA" d="M 192.8 299.929 C 195.8 299.929 197.8 301.929 200.8 305.929 C 203.8 309.929 208.757 313.12 212.8 313.929 C 217.8 314.929 221.8 318.929 221.8 324.929 C 221.8 329.826 217.954 331.929 212.8 331.929 C 207.8 331.929 203.8 328.929 198.8 323.929 C 193.8 318.929 188.8 309.929 188.8 305.929 C 188.8 301.929 189.8 299.929 192.8 299.929 Z" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, 0, 0)"/> <path fill="#77B255" d="M 190.315 295.929 C 191.563 295.929 191.563 297.177 191.563 298.424 C 191.563 300.188 192.811 299.553 194.059 299.553 C 195.305 299.553 197.8 301.929 197.8 301.929 L 194.058 301.929 C 192.81 301.929 194.058 304.543 192.81 304.543 C 191.562 304.543 191.562 303.355 190.315 303.355 C 189.068 303.355 188.8 306.929 188.8 306.929 C 188.8 306.929 187.196 302.776 189.067 300.905 C 190.315 299.657 187.82 295.929 190.315 295.929 Z" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, 0, 0)"/> </svg> 我想将其转换为 ctx 命令，以便可以在 2D Canvas 游戏上渲染它。这是我所拥有的一个例子： // body ctx.fillStyle = '#ffe763'; ctx.strokeStyle = '#a29442'; ctx.beginPath(); const pos = offset(this.renderX, this.renderY); ctx.arc(pos.x, pos.y, this.r, 0, Math.PI * 2); ctx.stroke(); ctx.fill(); ctx.closePath(); 我试图找到一个在线转换器，但他们只是以低质量渲染了我屏幕左上角的一些内容。要在画布中实现完整的 SVG 渲染器是一项相当艰巨的工作...但是，如果您完全控制要转换的 SVG 导出，您可能能够摆脱像这样的非常有限的实现: 使用 ctx.scale 和 ctx.translate 来实现 viewBox。这确保我们可以以任何分辨率渲染画布，而不必担心 SVG 绘图的单位系统使用 Path2D 构建基于 SVG d 属性的路径我已经在评论中提出了这种方法的一些限制，但为了确保我也会在这里列出它们：仅循环 path 元素。如果您需要诸如 <circle />、<rect /> 等之类的东西，您必须自己实现这些。仅接受直接设置到路径元素的 fill 属性。在transform上跳过path（尽管这个并不难添加）总而言之，我认为我会推荐一种将 svg 图像渲染为图像数据并将其放入画布中的方法...... const W = 400; const H = 400; const svg = document.querySelector("svg"); const cvs = document.querySelector("canvas"); const ctx = cvs.getContext("2d"); const draw = (width, height) => { // Viewbox const { width: vbw, height: vbh, x, y } = svg.viewBox.baseVal; cvs.width = width; cvs.height = height; ctx.scale(width / vbw, height / vbh); ctx.translate(-x, -y); // Shortcut: only implement <path /> for (const path of svg.querySelectorAll("path")) { // Shortcut: only support direct fill attributes // (e.g. no inheritance from parent <g>) const fill = path.getAttribute("fill"); const d = path.getAttribute("d"); // Shortcut: skip transform attribute const p = new Path2D(d); ctx.fillStyle = fill; ctx.fill(p); } } draw(W, H); svg, canvas { background: #efefef; } h2 { margin: 0; } <h2>SVG</h2> <svg viewBox="188.1601 295.929 33.6399 36" width="33.6399" height="36" xmlns="http://www.w3.org/2000/svg"> <path fill="#744EAA" d="M 192.8 299.929 C 195.8 299.929 197.8 301.929 200.8 305.929 C 203.8 309.929 208.757 313.12 212.8 313.929 C 217.8 314.929 221.8 318.929 221.8 324.929 C 221.8 329.826 217.954 331.929 212.8 331.929 C 207.8 331.929 203.8 328.929 198.8 323.929 C 193.8 318.929 188.8 309.929 188.8 305.929 C 188.8 301.929 189.8 299.929 192.8 299.929 Z" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, 0, 0)"/> <path fill="#77B255" d="M 190.315 295.929 C 191.563 295.929 191.563 297.177 191.563 298.424 C 191.563 300.188 192.811 299.553 194.059 299.553 C 195.305 299.553 197.8 301.929 197.8 301.929 L 194.058 301.929 C 192.81 301.929 194.058 304.543 192.81 304.543 C 191.562 304.543 191.562 303.355 190.315 303.355 C 189.068 303.355 188.8 306.929 188.8 306.929 C 188.8 306.929 187.196 302.776 189.067 300.905 C 190.315 299.657 187.82 295.929 190.315 295.929 Z" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, 0, 0)"/> </svg> <h2>Canvas</h2> <canvas></canvas> <br/> <button onclick="draw(100, 100)">100⨯100px</button> <button onclick="draw(200, 200)">200⨯200px</button> <button onclick="draw(400, 400)">400⨯400px</button>

javascript svg canvas rendering ctx

回答 1 投票 0

Unity3d，单个透明物体的绘制顺序混淆了

所以我使用URP，点燃材料。我有一个带有单个 fbx 模型的三明治对象，只有一个子网格。三明治的制作顺序是面包-番茄-奶酪-火腿-生菜-面包当不透明时，它

unity-game-engine 3d rendering shader transparent

回答 1 投票 0

为什么不将 useState Hook 放在 If 语句中？

直观上，这对我来说是有道理的，但我正在寻找关于 React 编译方式的深入解释，这会导致类似这样的副作用。 const 标头 = () => { 常量 [

reactjs react-hooks jsx rendering

回答 1 投票 0

在 Blazor 模板帐户页面上启用交互式渲染模式

问题：我正在开发一个 Blazor 项目，其中所有帐户页面的模板都设置为 RenderMode.Server。我想让其中一些帐户页面具有交互性，因此我尝试启用

asp.net-core authentication blazor rendering

回答 1 投票 0

Nuxt.js 应用程序仅生成index.html

我的 Nuxt.js 应用程序遇到问题，该应用程序部署在 S3 存储桶上。尽管进行了配置，但仅生成了 index.html 页面，以及根目录以外的任何路由（“/&

amazon-s3 nuxt.js rendering generate

回答 1 投票 0

在 R Markdown for PDF 中渲染双精度/浮点问题

我在 R Markdown 中总结了一列，现在我想将总和插入到表格末尾。总结代码：总和值<-sum(table$Col3) I tried to add a row with dplyr to insert the sum but

pdf r-markdown double rendering

回答 1 投票 0

如何在DirectX11中正确链接几何着色器

我试图将几何着色器引入到我的管道中，但它似乎无法被识别，并且顶点着色器尝试直接进入像素着色器。我收到此错误消息： D3D11 E...

3d rendering directx-11 hlsl geometry-shader

回答 1 投票 0

如何渲染存储在字符串类型变量中的动态角度代码

[“你好，你好吗？ 0" 类="按钮容器"> {{ 按钮.名称 }} ... [“你好，你好吗 0" 类="按钮容器"> <button class="action-button" (click)="onButtonClick(button)"> {{ button.name }} </button> </div> </div>"]`this is the string` 我已将上面提到的作为字符串存储在变量中，但是当我尝试渲染它时，它将所有代码显示为文本。我希望动态按钮应该显示并工作。我尝试过 DOM Sanitizer，但通过它我得到了这个输出。 [你好，你好吗{{button.name}}]button.name是按钮，但它没有正常工作。您可以使用以下代码以角度渲染 html 字符串。 <div [innerHTML]="htmlString"></div> 您需要确保仅在其中渲染硬编码字符串，因为这是一个安全风险，如果您渲染用户输入等动态内容，则可以执行恶意代码。另请注意：角度事件在该渲染代码内不起作用，因为它是在角度上下文之外渲染的。如果你想让角度事件起作用。您需要将字符串转换为数据对象，并使用该数据对象动态地使用 ngFor、ngSwitch 和 ngIf 渲染 html

javascript html angular frontend rendering

回答 1 投票 0

SFML 音频 Visual Studio C++

我正在使用 Visual Studio 运行一个简单的 SFML，它是超级马里奥的克隆。我尝试复制这个问题，但失败了，所以只是用实际问题更新了这篇文章。我明白这很...

audio graphics c++17 rendering sfml

回答 1 投票 0

HTML Canvas - 圆圈周围的虚线描边

我确实知道在画布上渲染点划线没有原生支持，但我已经看到人们能够为此提供支持的聪明方法。我想知道的是如果

html canvas rendering dotted-line

回答 5 投票 0

setState 在数据修改时不触发重新渲染（状态类型为变量）

我用setState更改了状态，但没有触发重新渲染。我认为这是一个小问题，所以我广泛搜索，但找不到解决方案。我想检查第二个和第三个