所以我已经尝试在css中旋转一个jpeg图像一段时间了。图像在一个p标记中。我试图做的是旋转图像,我希望文本文件包装图像,而不是触摸它。我设法做了包装部分,但由于一些奇怪的原因,当我试图旋转图像时,它只旋转了图像的背景。实际图像不是旋转的。下面是html代码:
<p><img src="Image.jpg" alt = "A picture of Jose">
Some text
</p>
p img{
float: right;
margin-left: 1
我试图创建一个小项目,让用户猜出图像的旋转程度,然后给出一个段落,告诉用户图像旋转了多少度,以及他们离了多少度。我尝试在第2行使用Math.random()将图像的旋转设置为0到359之间的随机值,然后对任何函数之外的图像使用转换样式。我希望通过设置函数外部的旋转,它会在页面加载后立即发生,但这是不起作用的(我对编码还不熟悉)。我怎么才能解决这个问题?这是我的JS代码:
let image = document.getElementById(`image`)
let rotation = Math.floor(Math.random() * 359)
let degrees = documen
我正在制作一个HTML5画布游戏,我希望旋转其中一个图像。
var link = new Image();
link.src='img/link.png';
link.onload=function(){
ctx.drawImage(link,x,y,20,20); // draws a chain link or dagger
}
我希望旋转这张图像。旋转图像的标准方法是在画布上下文对象上设置旋转。然而,这会轮换整个游戏!我不想这样做,只希望旋转这一个精灵。我该怎么做?