Javascript 如何制作图片裁剪器(仅涉及客户端)?

Javascript 如何制作图片裁剪器(仅涉及客户端)?,javascript,Javascript,如何制作图片裁剪器?只有纯香草JS 此工具可以生成裁剪图像:。它是开源的,可以下载,所以你可能会从中获得灵感。你只想要纯香草JS,但仍然有一个原型/基于脚本的裁剪器可用: 显然,图像文件的实际裁剪是使用PHP完成的。我认为在Javascript中没有任何方法可以做到这一点。无论如何,没有理智的方法。:) 使用 纯JavaScript图像裁剪组件 易于使用,无需特殊标记(跳转至说明) 零依赖性。不需要jQuery或任何其他框架,但可以很好地使用它们 兼容所有主流浏览器,包括Internet E

如何制作图片裁剪器?只有纯香草JS

此工具可以生成裁剪图像:。它是开源的,可以下载,所以你可能会从中获得灵感。

你只想要纯香草JS,但仍然有一个原型/基于脚本的裁剪器可用:

显然,图像文件的实际裁剪是使用PHP完成的。我认为在Javascript中没有任何方法可以做到这一点。无论如何,没有理智的方法。:)

使用

纯JavaScript图像裁剪组件
  • 易于使用,无需特殊标记(跳转至说明)
  • 零依赖性。不需要jQuery或任何其他框架,但可以很好地使用它们
  • 兼容所有主流浏览器,包括Internet Explorer 7
  • 可配置的纵横比、最小和最大尺寸等
  • 占地面积小(缩小后仅约8.1 KB)
说明书
  • 包括JS和CSS文件:

  • 将图像添加到HTML文档中。绝对不需要其他HTML标记:

  • 初始化裁剪器,你就可以开始了

    document.getElementById('image')。onload=function(){ 新作物(本{ //选择权 }); }


  • 嗯?有什么问题吗?它完全符合你的要求。我有这种裁剪器的脚本,但很难研究其他人的代码。我想从头开始。我学习JS,所以自己编写代码对我来说很重要。