foster/liabru-matter-js
0
0
Fork 0
mirror of https://github.com/liabru/matter-js.git synced 2025-01-31 18:14:55 -05:00
Code Issues Wiki Activity

support img style filter

Browse source
This commit is contained in:
yao 2022-10-10 09:56:31 +08:00
parent 8ca9cb4fa4
commit 0f98f14d05
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/render/Render.js
View file

@ -742,6 +742,9 @@ var Mouse = require('../core/Mouse');
c.translate(part.position.x, part.position.y); c.translate(part.position.x, part.position.y);
c.rotate(part.angle); c.rotate(part.angle);
// support img style filter
if (texture.style && texture.style.filter)
context.filter = texture.style.filter;
c.drawImage( c.drawImage(
texture, texture,
texture.width * -sprite.xOffset * sprite.xScale, texture.width * -sprite.xOffset * sprite.xScale,
@ -749,6 +752,10 @@ var Mouse = require('../core/Mouse');
texture.width * sprite.xScale, texture.width * sprite.xScale,
texture.height * sprite.yScale texture.height * sprite.yScale
); );
// should reset context.filter after draw
if (texture.style && texture.style.filter)
context.filter = "none";
// revert translation, hopefully faster than save / restore // revert translation, hopefully faster than save / restore
c.rotate(-part.angle); c.rotate(-part.angle);