คำถามติดแท็ก transform

ฉันใช้ CSS3 แปลงเพื่อหมุนรูปภาพและกล่องข้อความที่มีเส้นขอบในเว็บไซต์ของฉัน ปัญหาคือว่ารูปลักษณ์ของเส้นขอบขรุขระใน Chrome เช่นเกม (ความละเอียดต่ำ) โดยไม่มีการต่อต้านนามแฝง ใน IE, Opera และ FF มันดูดีขึ้นมากเพราะใช้ AA (ซึ่งยังคงมองเห็นได้ชัดเจน แต่ก็ไม่เลว) ฉันไม่สามารถทดสอบ Safari ได้เพราะฉันไม่ได้เป็นเจ้าของ Mac ภาพถ่ายและข้อความที่หมุนเองนั้นดูดีมันเป็นเพียงเส้นขอบที่ดูขรุขระ CSS ที่ฉันใช้คือ: .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox …

193 google-chrome  css  transform  antialiasing 

ฉันดิ้นรนกับสิ่งนี้มาระยะหนึ่งแล้วดูเหมือนจะไม่สามารถหาคำตอบได้ ฉันมีไฟล์ SVG ซึ่งมีลักษณะเช่นนี้: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... /> </g> </svg> ฉันต้องการลบtransform="..."เส้น แต่ยังมีภาพอยู่ที่ซึ่งฉันวางไว้ (ใน InkScape) หากฉันลบการแปลงด้วยตนเองรูปภาพจะซิปไปยังส่วนอื่นของหน้าจอ (ตามที่คาดไว้) แต่ฉันต้องกำจัดการแปลงทั้งหมดและในเวลาเดียวกันให้ภาพอยู่ตรงที่ฉันต้องการ มีวิธีลบ / แปลงให้แบนเป็นเส้นทางที่พิกัดตัวเอง? (การเปลี่ยนแปลงเพียงอย่างเดียวที่ฉันต้องจัดการคือการแปลและปรับขนาดไม่มีเมทริกซ์)

155 svg  transform  inkscape 

ดูเหมือนว่ามีการอัปเดตล่าสุดสำหรับ Google Chrome ซึ่งทำให้ข้อความไม่ชัดหลังจากทำไฟล์transform: scale(). โดยเฉพาะฉันกำลังทำสิ่งนี้: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } หากคุณไปที่http://rourkery.comใน Chrome คุณจะเห็นปัญหาในพื้นที่ข้อความหลัก ไม่เคยทำเช่นนี้และดูเหมือนจะไม่มีผลกับเบราว์เซอร์ webkit อื่น ๆ (เช่น Safari) มีโพสต์อื่น ๆ เกี่ยวกับผู้ที่ประสบปัญหาคล้ายกันกับการแปลง 3 มิติ แต่ไม่พบอะไรเกี่ยวกับการแปลง 2 …

130 google-chrome  css  webkit  transform  css-animations 

ฉันกำลังพยายามจำลองตัวบ่งชี้กิจกรรมสไตล์ Apple (ไอคอนโหลดนาฬิกาแดด) โดยใช้ภาพเคลื่อนไหว PNG และ CSS3 ฉันหมุนภาพและทำไปเรื่อย ๆ แต่ดูเหมือนว่าจะมีความล่าช้าหลังจากที่ภาพเคลื่อนไหวเสร็จสิ้นก่อนที่จะหมุนภาพถัดไป @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } #loading img { -webkit-animation-name: rotate; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-transition-timing-function: linear; } ฉันได้ลองเปลี่ยนระยะเวลาของแอนิเมชั่นแล้ว แต่มันก็ไม่แตกต่างกันถ้าคุณทำให้ช้าลงให้พูดว่า 5s มันชัดเจนมากขึ้นว่าหลังจากการหมุนครั้งแรกจะมีการหยุดชั่วคราวก่อนที่มันจะหมุนอีกครั้ง นี่คือการหยุดชั่วคราวที่ฉันต้องการกำจัด ความช่วยเหลือใด ๆ ที่ชื่นชมมากขอบคุณ

120 animation  webkit  css  transform 

ฉันใช้ตัวแปลง XML ในตัวของ Java เพื่อรับเอกสาร DOM และพิมพ์ XML ที่เป็นผลลัพธ์ ปัญหาคือไม่มีการเยื้องข้อความเลยทั้งๆที่ตั้งค่าพารามิเตอร์ "เยื้อง" ไว้อย่างชัดเจน โค้ดตัวอย่าง public class TestXML { public static void main(String args[]) throws Exception { ByteArrayOutputStream s; Document d = DocumentBuilderFactory.newInstance().newDocumentBuilder().newDocument(); Transformer t = TransformerFactory.newInstance().newTransformer(); Element a,b; a = d.createElement("a"); b = d.createElement("b"); a.appendChild(b); d.appendChild(a); t.setParameter(OutputKeys.INDENT, "yes"); s = new …

112 java  xml  transform  indentation 

ฉันกำลังมองหาไลบรารีที่จะช่วยให้ฉันสามารถซิงโครไนซ์ข้อความแบบเรียลไทม์ระหว่างผู้ใช้หลายคน (เช่น Google Docs) ฉันสะดุดกับ Operational Transformation ซึ่งดูเหมือนจะตรงกับความต้องการของฉัน ต้องบอกว่าฉันเข้าใจสาระสำคัญของ OT แต่ไม่ใช่คณิตศาสตร์หรือการนำ OT ไปใช้ ดังนั้นฉันจึงสงสัยว่ามีไลบรารี Javascript drag'n'drop ที่จะต่อเข้ากับพื้นที่ข้อความสร้างการแปลงจากนั้นอนุญาตให้ฉันใช้การแปลงเหล่านั้นกับไคลเอนต์อื่นหรือไม่ (ฉันได้รับแหล่งที่มา Etherpad แล้ว แต่ฉันไม่สามารถแยกส่วนหัวหรือก้อยออกมาได้หากใครสามารถชี้ให้เห็นถึงวิธีใช้ประโยชน์จากการใช้งาน OT ของ Etherpad ก็จะดีมากเช่นกัน!)

102 transform  etherpad  operational 

ฉันมีองค์ประกอบ div สองตำแหน่งที่ทับซ้อนกัน ทั้งสองได้ตั้งค่าดัชนี z ผ่าน css ฉันใช้การtranslate3dแปลง webkit เพื่อทำให้องค์ประกอบเหล่านี้เคลื่อนไหวออกจากหน้าจอจากนั้นกลับเข้าสู่หน้าจอ หลังจากที่เปลี่ยนองค์ประกอบไม่เคารพชุดของz-indexค่า ใครช่วยอธิบายได้ไหมว่าเกิดอะไรขึ้นกับ z-index / stack-order ขององค์ประกอบ div เมื่อฉันทำการแปลง webkit และอธิบายสิ่งที่ฉันสามารถทำได้เพื่อรักษาลำดับสแต็กขององค์ประกอบ div นี่คือข้อมูลเพิ่มเติมเกี่ยวกับวิธีการแปลงร่าง ก่อนการแปลงแต่ละองค์ประกอบจะได้รับค่าการเปลี่ยน webkit สองค่าที่กำหนดผ่าน css (ฉันใช้ jQuery เพื่อ.css()เรียกใช้ฟังก์ชัน: element.css({ '-webkit-transition-duration': duration + 's' }); element.css({ '-webkit-transition-property': '-webkit-transform' }); จากนั้นองค์ประกอบจะเคลื่อนไหวโดยใช้ translate3d -webkit-transform: element.css({ '-webkit-transform': 'translate3d(' + hwDelta + 'px, 0, …

98 css  webkit  transform 

ฉันมีปัญหาในการหมุนและวางตำแหน่งบรรทัดข้อความ ตอนนี้เป็นเพียงตำแหน่งที่ทำงาน การหมุนยังใช้งานได้ แต่ถ้าฉันปิดใช้งานการกำหนดตำแหน่งเท่านั้น CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } html เป็นเพียงข้อความธรรมดา

90 css  webkit  transform  css-transforms 

ฉันเพิ่มโครงการแอปพลิเคชันเว็บ ASP.Net ที่มีอยู่ลงในโซลูชันของฉัน นอกเหนือจากการดีบักมาตรฐานและการกำหนดค่ารีลีสแล้วโซลูชันนี้ยังมีการกำหนดค่าแบบกำหนดเองสองแบบ ได้แก่ SAT และ UAT สำหรับเว็บแอปพลิเคชันใหม่ให้คลิกขวาบน Web.Config จะแสดงเมนูบริบท แต่ตัวเลือกสำหรับ "Add Config Transform" จะเป็นสีเทา ฉันกำลังสูญเสีย โครงการใหม่เป็นเว็บแอปพลิเคชัน เครื่องมือจัดการการกำหนดค่าไม่แสดงการกำหนดค่าแบบกำหนดเองสองแบบสำหรับโปรเจ็กต์นี้ แต่ทำกับโปรเจ็กต์อื่น ๆ ดูเหมือนว่าโปรเจ็กต์จะมีรายการที่ถูกต้องในไฟล์โซลูชัน ความคิด?

89 asp.net  web-config  transform