2 una chou una_chou 于 2017.09.04 17:59 提问

急求!使用camanjs 怎么将图片进行旋转和放大 3C

求各路大神指教
我用camanjs的过滤效果对图片进行了修改,但是对它进行旋转功能的时候,出现的旋转效果和图片一样是有bug的,求指教
图片说明

并且camanjs 怎么对图片进行放大和缩小呢?

因为camanjs 会把图片编译成 canvas元素,因此 有没有什么办法可以使用canvas的原生方法对图片进行旋转和缩放功能?

$('#scale').on('click', function(){
$('#image').css('transform', 'scale(2, 2)');
})
上面的代码,如果我点击了,图片会放大2倍,但是马上这个图片元素就没有了,也就是说会闪退,是为什么?

2个回答

qq_29594393
qq_29594393   Ds   Rxr 2017.09.05 00:30

如果元素本身就是图片的话,直接设置css属性来放大和旋转,
canvas 的话,任何编辑修改操作都会使canvas重绘,所以可以先getImageData();保存数据, -->操作 ,再putImageData(),重新绘制.就不会存在类似的问题

qq_29594393
qq_29594393 回复unaJ: 还是一样的逻辑,先保存数据,旋转,放大 ,再putImageData .
3 个月之前 回复
una_chou
una_chou 那如果直接设置css的transform属性,怎么能先旋转,后放大,将两个属性值合在一起?
3 个月之前 回复
devmiao
devmiao   Ds   Rxr 2017.09.04 23:51
Csdn user default icon
上传中...
上传图片
插入图片