«data-uri» 태그된 질문

12
Base64로 배경 이미지 데이터를 CSS에 포함시키는 것이 좋거나 나쁜 습관입니까?
나는 그리스 몽키 사용자 스크립트의 출처를보고 있었고 CSS에서 다음을 발견했습니다. .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} greasemonkey 스크립트는 서버에서 호스팅하는 대신 소스 내에 가능한 모든 것을 번들로 제공하고 싶다는 것을 이해할 수 있습니다. 그러나 이전 에이 기술을 보지 못했기 때문에 그 사용을 고려했으며 여러 가지 이유로 매력적입니다. 페이지로드시 HTTP …

16
data : URI를 사용할 때 제안 된 파일 이름을 지정하는 방법이 있습니까?
예를 들어 링크를 따라 가면 data:application/octet-stream;base64,SGVsbG8= 브라우저는 하이퍼 링크 자체에서 base64로 보관 된 데이터로 구성된 파일을 다운로드하라는 메시지를 표시합니다. 마크 업에서 기본 이름을 제안하는 방법이 있습니까? 그렇지 않은 경우 JavaScript 솔루션이 있습니까?

9
데이터 URL 파일 다운로드
누구나 브라우저에서 액세스 할 수있는 완전한 JavaScript 기반 zip / unzip 유틸리티를 만드는 아이디어를 가지고 놀았습니다. zip을 브라우저로 직접 드래그하면 그 안에있는 모든 파일을 다운로드 할 수 있습니다. 개별 파일을 끌어서 새 zip 파일을 만들 수도 있습니다. 서버 측에서하는 것이 더 낫다는 것을 알고 있지만이 프로젝트는 약간의 재미를위한 것입니다. 사용 …

5
데이터 URL에서 캔버스로 이미지 그리기
Canvas에서 이미지를 어떻게 열 수 있습니까? 인코딩 된 나는 var strDataURI = oCanvas.toDataURL(); 출력은 인코딩 된 base 64 이미지입니다. 이 이미지를 캔버스에 어떻게 그릴 수 있습니까? 를 사용 strDataURI 하고 이미지를 만들고 싶습니다 . 그것은 poosible입니까? 그렇지 않다면 캔버스에 이미지를로드하는 솔루션은 무엇일까요?
112 image  html  canvas  data-uri 

3
이메일 제목의 애니메이션 아이콘
내가 알고 데이터 URI 있는의 base64인코딩 된 데이터를 이미지로 인라인 등 사용할 수 있습니다. 오늘 저는 실제로 제목에 애니메이션 (gif) 아이콘이있는 스팸 메일을 받았습니다. 아이콘 만 있습니다. 그래서 내 마음을 떠난 유일한 것은 데이터 URI에 관한 것이었고 Gmail이 제목에 일종의 이모티콘을 삽입하도록 허용하는 경우였습니다. 이메일의 전체 상세 버전을보고 아래 그림의 …
103 gmail  base64  data-uri 

4
주요 이메일 클라이언트 소프트웨어에서 데이터 URI 지원은 어떻습니까?
데이터 URI 는 HTML에 이미지 및 기타 이진 데이터를 포함하는 표준 방법이며 브라우저 지원은 웹에 잘 설명되어 있습니다. (IE8은 데이터 URI를 지원하는 최초의 IE 버전으로 URI 당 최대 32KB 크기를 지원합니다. 다른 주요 브라우저에서는 더 오래 지원했습니다.) 제 질문은 데스크탑 이메일과 웹 메일 클라이언트 소프트웨어에 관한 것입니다. HTML 이메일을 작성할 …

2
HTML 이메일로 base64 이미지 보내기
서식있는 텍스트 편집기를 사용하여 사용자는 저장된 이미지를 데스크톱에서 편집기로 끌어다 놓을 수 있습니다. 이미지는 제출 후 웹 페이지에 제대로 나타나고 표시됩니다. 이미지가 어디에도 업로드되지 않기 때문에 편집기는 이미지를 base64 인코딩 이미지로 저장합니다. <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb 기타 그러나 iPhone이나 Outlook의 두 가지 다른 버전에는 표시되지 않습니다. 이미지가 단순히 깨졌습니다. 이미 웹 …

9
문자열에서 웹 작업자를 만드는 방법
POST 요청을 통해 제공되는 문자열에서 웹 워커 생성을 어떻게 사용할 수 있습니까? 제가 생각할 수있는 한 가지 방법은 구현 방법을 잘 모르겠습니다. 서버 응답에서 데이터 URI를 생성하고이를 Worker 생성자에 전달하는 것입니다.하지만 일부 브라우저에서는이를 허용하지 않는다고 들었습니다. 이는 동일한 출처 정책 때문입니다. MDN은 데이터 URI에 대한 출처 정책에 대한 불확실성을 명시합니다 …

1
webpack으로 CSS의 글꼴을 인라인하는 방법은 무엇입니까?
문제 배경 : katex를 사용하여 페이지에 수학을 렌더링하고 있습니다. 그런 다음 해당 페이지의 일부 버전의 PDF 버전을 만들고 싶습니다. 따라서 모든 CSS를 인라인하여 렌더러에 전달하는 내보낼 부분이 포함 된 HTML 문서를 만듭니다. 렌더러는 노드 리소스에 액세스 할 수 없으므로 모든 것이 인라인됩니다. 글꼴을 제외하고는 완벽하게 작동합니다. url-loader와 bas64-inline-loader를 모두 시도했지만 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.