缩放画布与剪辑不起作用
zoom canvas with clipto not working
使用织物.js,当我使用setZoom()
时,clipTo()
没有响应并保持相同的宽度和高度。代码适用于画布中的对象。我已经使用zoomToPoint进行了测试,但没有解决我的问题。
function zoomIn() {
zoomLevel += .2;
canvas.setZoom(zoomLevel);
canvas.setDimensions({
width: my_canvas_width * zoomLevel,
height: my_canvas_height * zoomLevel
});
}
clipTo()
我正在使用的代码:
canvas.clipTo = function(ctx) {
ctx.rect(0,0,300,300);
}
任何想法为什么clipTo
没有回应setZoom()
?谢谢。
指定使用的是 fabric.js 非常重要。我不确定我是否正确理解了您的问题,clipTo
保持不变的原因是因为线条
canvas.setDimensions({
width: my_canvas_width * zoomLevel,
height: my_canvas_height * zoomLevel
});
设置图像尺寸几乎是剪切图像,clipTo()
设置尺寸后将不起作用。
我认为你不需要这些行,看看这个JSFiddle的例子,那里的500x500图像总是被剪裁为300x300。
相关文章:
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- D3缩放不起作用
- dataTransfer.set拖放的数据在chrome中不起作用
- 简单的拖放JS脚本不起作用
- 拖放HTML5不起作用
- 为什么这个文件上传拖放不起作用,我完全复制了 CodePen 代码
- 谷歌地图API v3-缩放参数don'不起作用
- Css悬停缩放效果不起作用
- 缩放画布与剪辑不起作用
- 使用 D3 缩放/平移.js 和 SVG 不起作用
- 提升缩放单击在 iOS 上不起作用.光标:指针
- d3缩放不起作用
- DOM对象标记上的SVG平移缩放不起作用
- Fancybox缩放拖动不起作用
- Kenburn缩放图像效果;不起作用
- 谷歌地图缩放调整符号不起作用
- 当元素被缩放时,html2canvas不起作用
- 拖放在缩放上不起作用
- 双击时,leaflet.js wms层缩放不起作用
- 我的谷歌地图多边形边界和缩放不起作用