AngularJS 实现图片旋转(CSS)

图片旋转基于 CSS:transform:rotate(**deg) 实现,Angular 用于动态绑定 deg 数:

controller:(其实可以省略)

lang:js
$scope.img = {src:"xxx.png", rotate=0};

HTML:


<button ng-click="img.rotate=img.rotate+90">向右转</button>
<button ng-click="img.rotate=img.rotate-90">向左转</button>

<img ng-src="img.src" style="transform:rotate({{img.rotate}}deg);">

分类:Web 时间:2014-10-15 人气:462
本文关键词:
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.041 (s). 13 q(s)