在铬浏览器中动态JS旋转的文本闪烁
问题描述:
我想旋转单击事件上的文本。它已经实现,但Google Chrome浏览器中的文字闪烁。它在Mozilla中正常运行。如何阻止文本的闪烁。我不想减慢旋转速度,并想以相同的速度旋转,所以我不想改变transition.Please帮助。 代码是在铬浏览器中动态JS旋转的文本闪烁
<html>
<head>
<style>
body { margin: 0px; padding: 0px; }
canvas { border: 1px solid #9C9898; }
</style>
<script src="http://www.html5canvastutorials.com/libraries/kinetic-v3.10.2.js"></script>
<script>
window.onload = function()
{
var angle = 0;
var stage = new Kinetic.Stage(
{
container: "container",
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var text = new Kinetic.Text(
{
x:225,
y: 80,
text: "Simple",
fontSize: 12,
fontFamily: "Calibri",
textFill: "black"
});
text.on("click", function()
{
angle+=1
text.transitionTo(
{
rotation:Math.PI*angle/2,
duration:1
});
});
layer.add(text);
stage.add(layer);
}
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>
答
检查铬画布设置在chrome://标志
确保“在所有网页GPU合成”已禁用
确保“启用加速的CSS动画”已禁用
我检查了。设置已被禁用。还有什么可以做的? – user1502901 2012-07-11 04:39:58