[英]createjs, soundjs, preloadjs Sound not working in Safari desktop Version 9.1.3, OSX 10.11.6
[英]Createjs masking with drawRect not working in Safari
我想从图片中剪下一些正方形。 问题是使用drawRect
屏蔽的Createjs
在 Safari 中不起作用。 请在 Safari 中检查以下代码笔
https://codepen.io/anon/pen/moXXRN
它适用于除 Safari 之外的所有浏览器
问题不在于遮罩或 EaselJS,而在于 Safari 如何处理使用负坐标绘制的缠绕矩形。 看起来大多数浏览器将一个负一维的矩形视为反向绘制,但 Safari 不会。
一个超级简单的画布例子也有同样的问题:
var ctx = document.getElementById("canvas").getContext("2d");
ctx.beginPath();
ctx.rect(50,50,50,50);
ctx.rect(150, 150, 50, 50);
ctx.rect(300, 0, 350, -350);
ctx.fillStyle = "red";
ctx.fill();
在大多数浏览器中,这会绘制剪切区域。 Safari 没有。
您使用自己的lineTo()
命令的解决方案是一个很好的解决方法。
设法使用lineTo
和moveTo
函数而不是drawRect
使其在 Safari 中工作
例如
shape.graphics.moveTo( 50, 50 );
shape.graphics.lineTo( 100, 50 );
shape.graphics.lineTo( 100, 100 );
shape.graphics.lineTo( 50, 100 );
shape.graphics.lineTo( 50, 50 );
shape.graphics.moveTo( 300, 0 );
shape.graphics.lineTo( 0, 0 );
shape.graphics.lineTo( 0, 300 );
shape.graphics.lineTo( 300, 300 );
shape.graphics.lineTo( 300, 0 );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.