Coin163

首页 > CAS实现单点登录(SSO)经典完整教程 - 博客频道 - CSDN.NET

CAS实现单点登录(SSO)经典完整教程 - 博客频道 - CSDN.NET

相关标签: cas

2020腾讯云10周年活动,优惠非常大!(领取2860元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1040

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
入口地址https://www.aliyun.com/minisite/goods

相关推荐:CAS解决单点登录SSO - 博客频道 - CSDN.NET

关于CAS很多的原理和基础的配置启动,网上是很多的,我更多是结合我的实践和心得。需要了解CAS的原理,认证协议,认证流程,可以参考以下文章。 让CAS支持客户端自定义登陆页面——客户端篇 CAS原理与配置-基于CAS的单点登陆的研究(上) 服务端配置 CAS单点

up vote 3 down vote favorite 2

When I use Fabric.js to generate canvas, there is annoying flickering when tapped with finger in iPad (mini) and iPhone (4). The flickering is like canvas goes fast to black and then white again.

Steps to reproduce:

  1. With iPad or iPhone surf to eg. this line drawing utility: http://jsfiddle.net/fabricjs/URWru/ (function dummy{})

  2. Put your finger on to the canvas and lift it then back. Do this fast, as you do when clicking with mouse. The flickering occurs when finger is up. If you hold your finger a second or more on the canvas and then lift back, the flickering doesn't occur.

Why the flickering occurs and what could be done to prevent it?

javascript iphone ipad canvas fabricjs share | improve this question edited Feb 19 '14 at 19:00 kangax 28.9k 6 66 115 asked Feb 9 '14 at 23:44 Timo Kähkönen 6,011 3 39 70 add a comment  | 

1 Answer 1

active oldest votes up vote 5 down vote accepted

This is Q&A style answer.

The solution is simple. Add this to css:

canvas {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

Ryan Grove describes the reason in yuiblog.com:

"Unfortunately, Mobile Safari has no way to distinguish between normal click subscribers and delegated click subscribers, which is when the click event is attached to a container rather than to each child of that container. As a result, a delegated click will result in the entire container being highlighted rather than just the item that was tapped, and this can be both ugly and confusing for the user."

This trick is reported to work at least: Android based browsers, iPhone Safari, iPad Safari, iPad Chrome.

share | improve this answer answered Feb 9 '14 at 23:44 Timo Kähkönen 6,011 3 39 70 add a comment  | 

Your Answer

  draft saved draft discarded

Sign up or log in

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Post as a guest

Name Email discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged javascript iphone ipad canvas fabricjs or ask your own question.

原文

up vote 3 down vote favorite 2 When I use Fabric.js to generate canvas, there is annoying flickering when tapped with finger in iPad (mini) and iPhone (4). The flickering is like c

------分隔线----------------------------