1

これはすでに少し奇妙に聞こえるかもしれませんが、ここにあります: 私はいくつかの HTML コードを持っています。HTML では、CSS を使用して画像を回転させます。したがって、この回転する画像を .gif またはその他のビデオとして何らかの方法で保存したいと考えています。これは可能ですか？

コード：

    <style>
    @-webkit-keyframes spin {
    		  from {
    			-webkit-transform: rotate(0deg);
    		  }
    		  to {
    			-webkit-transform: rotate(360deg);
    		  }
    		}
    		
    		@-moz-keyframes spin {
    		  from {
    			-moz-transform: rotate(0deg);
    		  }
    		  to {
    			-moz-transform: rotate(360deg);
    		  }
    		}
    		
    		#loading {

    height:300px;
    width:300px;
    	border-radius: 150px;
    	-webkit-border-radius: 150px;
    	-moz-border-radius: 150px;
    	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);

    		  animation-name: spin;
    		  animation-iteration-count: infinite;
    		  animation-timing-function: linear;
    		  animation-duration: 26s;
    		  animation-play-state: running;
    		  
    		  -webkit-animation-name: spin;
    		  -webkit-animation-iteration-count: infinite;
    		  -webkit-animation-timing-function: linear;
    		  -webkit-animation-duration: 26s;
    		  -webkit-animation-play-state: running;
    		  
    		  -moz-animation-name: spin;
    		  -moz-animation-iteration-count: infinite;
    		  -moz-animation-timing-function: linear;
    		  -moz-animation-duration: 26s;
    		  -moz-animation-play-state: running;
    		}
    </style>
    <center>
    <img src="http://hd.wallpaperswide.com/thumbs/fire_fist_vs_water_fist-t2.jpg" id="loading">
    </center>

どんな助けでも大歓迎です！

4

2 に答える 2

1

たぶん、この答えの1つがあなたを助けるでしょう。（または、そうではないかもしれません笑）

HTML5 キャンバスでアニメーション GIF を生成する

于 2015-06-02T14:26:06.243 に答える