在Javascript中剪辑

本文介绍了在Javascript中剪辑的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 我想在网页上显示一张照片的剪辑部分，并且 将其移到页面上和/或更改剪裁到另一个部分 的图片。我在页面正文中显示图片 使用 < div id = div1 style =" position：absolute;顶部：200;左：400;宽度：200; 身高：200;的z-index：1; background-image：url（ole01.jpg）; clip：rect（0,150,50,100）">< / div> 显示图片的正确剪裁部分位于正确的 位置。我尝试在脑袋中使用以下Javascript代码 更改图片剪辑的位置： < script language =" JavaScript"> ; <！ - 函数Dochange（ident）{ var ref = document.getElementById（ident）; ref.style.left = 300; } - > < / script>} 以及表格中的以下按钮： < input type =" submit"名称= QUOT;变化与QUOT;值= QUOT;变化与QUOT; size = 20 onClick =" Dochange（''div1''）"> 单击按钮时会访问代码（I使用警报 检查此项），但截断的 图片的位置没有任何反应，也没有出现错误信息。有人可以帮助我吗？ 当我开始工作时，我想在Javascript中添加任何必要的声明 来更改剪辑区域。会不会像 那样 ref.style.clip：rect（0,50,50,0）; 或什么？ 谢谢。 Doug van Vianen co ***** @ shaw.ca 推荐答案 < input type =" button" onClick =" Dochange（''div1''）" 这里 - Martin Honnen http://JavaScript.FAQTs.com/ 这是一个CSS属性，就像其他任何一样，虽然它的操纵 可能会有点粘组合四个剪辑值。 1）获取元素参考 2）指定style.clip属性 3 ）以组合格式为其分配一个新的字符串值 var el; if（el = document.getElementById（''div1''）） el.style.clip =''rect（40px，auto，auto，40px）''; 使用''auto''返回特定的剪辑值完全显示 （未剪辑）。 关于Netscape 4的少数几个可爱的东西之一是它正在解析 将单独的剪辑值转换为读/写属性。 IE为每个剪辑公开 单独的.currentStyle属性，但它们是只读的。 < script type =" text / javascript"> ["语言"属性已弃用] It''s a CSS property, like any other, although the manipulation of itcan get a bit sticky as the four clip values are combined. 1) Get the element reference2) Specify the style.clip property3) Assign it a new string value in the combined format var el;if (el = document.getElementById(''div1''))el.style.clip = ''rect(40px,auto,auto,40px)''; Use ''auto'' to return that specific clip value to fully revealed(unclipped). One of the few lovable things about Netscape 4 is it''s parsing out ofthe separate clip values into read/write properties. IE exposesseparate .currentStyle properties for each clip, but they''re read-only.<script type="text/javascript"> ["language" attribute deprecated] 这篇关于在Javascript中剪辑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！