javascript - 问题 js Body sprite 未在 Firefox 中显示
问题描述
我的 matter.js 代码在 safari 和 chrome 中运行良好,但我在 Firefox 中进行了测试,它没有显示任何纹理。我没有错误信息。¿ 有什么办法可以修复它还是我错过了什么?
var myCanvas = document.getElementById('world');
var engine = Matter.Engine.create();
var world = engine.world;
var Body = Matter.Body;
var Events = Matter.Events;
var render = Matter.Render.create({
canvas: myCanvas,
element: document.getElementById("world_wrapper"),
engine: engine,
options: {
width: window.innerWidth,
height: window.innerHeight,
background: '#FFF',
wireframes: false,
showAngleIndicator: false
}
});
// This is one of the bodies
var letter_t = Matter.Bodies.rectangle(window.innerWidth/2 - 300, random_y, 94, 72, {
density: density,
friction: friction,
frictionAir: frictionAir,
restitution: restitution,
render: {
sprite: {
texture: 'externalassets/t.svg',
xScale: scale,
yScale: scale,
}
}
});
Matter.World.add(world, letter_t);
解决方案
我找到问题了!!!它是如此清晰......但我终于找到了它。只是firefox无法将svg文件作为纹理处理。如果您想使用具有透明度的文件,只需使用 png。
推荐阅读
- reactjs - 如何让我的 React like 按钮在不喜欢时增加,然后在喜欢时减少?
- python - 如何使用多个小部件的 1 个函数从 Tkinter/Python 的弹出菜单中复制文本?
- java - Exo Player 是否可以在不剪辑的情况下动态播放 mp3 文件的范围?
- angularjs - 无法使用没有验证标签的 Angular Moment Picker 设置初始自定义日期
- angular - mat-select 在我点击它之前不会显示
- python-3.x - Pandas DataFrame 错误:ValueError:StringArray 需要一系列字符串或 pandas.NA
- reactjs - 如何解决 TypeError:this.state.person 未定义
- node.js - knex js查询多对多
- c++ - 致命错误:opencv2/tracking.hpp:没有这样的文件或目录#include
- typescript - 基于以枚举为键的类型的打字稿函数参数