aardio - 旋转图片

原图：

旋转30度后的效果：

代码：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=316;bottom=294)
winform.add(
plus={cls="plus";left=4;top=4;right=302;bottom=277;bgcolor=32768;forecolor=32768;z=1}
)
/*}}*/winform.show();import inet.http
var b1=gdip.bitmap("https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png")var w=270
var h=129
var a=math.rad(30)
var cw = w*..math.cos(a)+..math.sin(a)*h
var ch = w*..math.sin(a)+..math.cos(a)*h
winform.plus.width=cw
winform.plus.height=chvar xpay = (w-cw)/2
var ypay = (h-ch)/2var b = ..gdip.bitmap(cw,ch)
var g = ..gdip.graphics(b)
g.rotateRect(::RECT(0,0,cw,ch),30)g.fillRectangle(..gdip.solidBrush(0xFFFFFFFF),-xpay,-ypay,w,h)
g.drawImageStretch(b1,::RECT(-xpay,-ypay,w-xpay,h-ypay))winform.plus.foreground=b
winform.plus.update()win.loopMessage();

弄个完整的小功能：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=919;bottom=609)
winform.add(
plus={cls="plus";left=366;top=69;right=664;bottom=342;bgcolor=16777215;z=1};
trackbar={cls="trackbar";left=58;top=195;right=269;bottom=225;max=180;min=0;z=2}
)
/*}}*/import inet.http
var b1=gdip.bitmap("https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png")var u=function(v){var w=270var h=129var a=math.rad(math.abs(v))var cw = w*..math.cos(a)+..math.sin(a)*hvar ch = w*..math.sin(a)+..math.cos(a)*hwinform.plus.width=cwwinform.plus.height=chvar xpay = (w-cw)/2var ypay = (h-ch)/2var b = ..gdip.bitmap(cw,ch)var g = ..gdip.graphics(b)g.rotateRect(::RECT(0,0,cw,ch),v)g.drawImageStretch(b1,::RECT(-xpay,-ypay,w-xpay,h-ypay))winform.plus.foreground=bwinform.plus.redrawTransparent()
}winform.trackbar.oncommand = function(id,event,pos){if( event == 5 ){u(pos-90);}
}winform.show();
win.loopMessage();

aardio - 旋转图片相关推荐

HTML5 3D旋转图片相册
H5旋转3D相册,鼠标放置暂停,图片灰度级为0,有放大效果. 该实例运用H5和CSS3动画效果,未用javascript.提高了本人对CSS3 新属性的了解及掌握. 完整代码如下: <!DOCT ...
小猿圈web前端之移动端Vue+Vant实现上传压缩旋转图片功能
小猿圈web前端讲师为了大家更好的学习前端知识决定每天分享一个web前端案例,希望对你与学习前端的你有所帮助,今天分享的是移动端Vue+Vant的Uploader实现上传.压缩.旋转图片等功能的详细介 ...
css和js实现3d图片,JavaScript_纯JS实现旋转图片3D展示效果，CSS:style type=text/cssgt - phpStudy...
纯JS实现旋转图片3D展示效果 CSS: #show{position:relative;margin:20px auto;width:800px;} .item{position:absolute; ...
360度旋转图片小特效
现在,在这个网络发达的时代,一些电子商务公司,需要将自己线上的产品给买家或用户看,为了能让用户了解的更全面,那么把一个物件的产品要展示到方方面面,就要运用到360度旋转图片特效,因为上次有朋友叫我帮她 ...
ios新手开发——toast提示和旋转图片加载框
不知不觉自学ios已经四个月了,从OC语法到app开发,过程虽然枯燥无味,但是结果还是挺有成就感的,在此分享我的ios开发之路中的小小心得~废话不多说,先上我们今天要实现的效果图: 有过一点做APP经 ...
php 图片 3d旋转图片,html5实现图片的3D旋转效果
我们先来看一下实现效果: (学习视频分享:html视频教程) H5旋转3D相册,鼠标放置暂停,图片灰度级为0,有放大效果. 该实例运用H5和CSS3动画效果,未用javascript.提高了本人对CS ...
java 旋转图片_Java实现图片翻转以及任意角度旋转
最近几天在做一个项目,因为涉及到了图片(绝大部分都不是整图,是把一张张的大图切成小图,也就是Title)的翻转以及90°旋转,弄得焦头烂额.在网上搜索好几天,发现用到的方法都是比较公式化的,对于只是在 ...
疯狂ios讲义之实例：通过旋转手势旋转图片
实例:通过旋转手势旋转图片本实例将会对前面的实例进行改进,在前面实例的基础上增加一个旋转手势处理器,从而让该应用既可根据用户捏合手势对图片进行缩放,也可根据用户旋转手势对图片进行旋转. 复制上面的应 ...
C#图片处理之:旋转图片90度的整数倍
旋转图片90的整数倍那真是太简单了. public static Bitmap KiRotate90(Bitmap img) ...{ try ...
vant上传图片转二进制_土旦：移动端 Vue+Vant 的Uploader 实现：上传、压缩、旋转图片-Go语言中文社区...
data() {return{ files: { name:"", type:""}, headerImage:null, picValue:null, upI ...

aardio - 旋转图片

aardio - 旋转图片相关推荐

最新文章

热门文章