자바스크립트-캔버스 그리기

처음으로 캔버스의 drawImage를 호출하여 로컬 그림의 일부를 그리는 함수(성공할 수 있음)를 작성한 다음 toDataURL을 호출하여 캔버스가 그린 그림을 이미지 개체의 src 속성으로 변환한 다음 이 작업을 수행하는 이유는 무엇입니까? 캔버스에 그린 그림은 2차 그림에서도 같은 방법을 사용하는데...

PHP中文网 2017-07-05 10:46:27 0  1  782

javascript - 캔버스 디자인 마우스 그리기 기능은 한 번의 스트로크로 여러 개의 평행한 색상 선을 그립니다.

1. 한 번에 여러 개의 평행한 색상 선을 그릴 수 있는 캔버스 디자인 마우스 그리기 기능 2. 마우스 이벤트에 oCg.beginPath() 그리기를 추가하려고 시도했지만 이벤트가 덮어쓰여졌습니다. 3. 같은 방법으로 복제 캔버스를 추가하지만 캔버스가 가려집니다.

PHP中文网 2017-06-13 09:24:08 0  1  1293

WebGL은 인덱스 255를 사용한 인덱스 그리기를 지원하지 않습니다.

이것은 uint8 값 255만으로 인덱스 버퍼를 생성하는 가장 간단한 WebGL 테스트 프로그램입니다. 64px 크기의 빨간색 정사각형을 그려야 하지만 그렇지 않습니다(인덱스 값은 그리기에 중요하지 않습니다). 어쨌든 WebGL은 부호 없는 바이트 범위에 있더라도 인덱스 255의 요소를 무시합니다. 254 또는 다른 값을 사용하면 빨간색 사각형이 예상대로 나타납니다. 이것은 WebGL의 버그입니까, 아니면 예상되는 동작입니까? 관련 정보를 찾을 수 없습니다. letcanvas=document.query

P粉265724930 2023-08-17 12:37:59 0  1  491

javascript - 캔버스 그리기 모자이크 문제에 대한 도움말, 색상 선택이 항상 정확하지 않습니다.

마우스로 그릴때는 현재 마우스 영역의 색상 값을 취해서 브러쉬 색상을 설정하는데, 색상 선택이 항상 많이 다른데 뭔가 문제가 있는 건지 모르겠습니다. 내 계산을 도와주세요! {암호...}

三叔 2017-06-08 11:03:00 0  2  931

javascript - 반투명 모자이크를 그릴 수 있도록 캔버스를 도와주세요.

내 요구 사항은 사용자가 업로드된 문서를 모자이크하기 위해 마우스를 사용할 수 있도록 하는 것입니다. 내 아이디어는 마우스 이벤트를 캔버스에 바인딩하고 사용자의 마우스 누르기 경로를 따라 문서에 반투명 PNG를 그리는 것입니다. PNG 오버레이, 캔버스를 사용하여 마르세유를 직접 생성하고 싶습니다...

仅有的幸福 2017-06-07 09:24:40 0  1  921

javascript - 각 공의 배경 이미지가 다르도록 캔버스에 여러 공을 그리는 방법이 가능합니까?

질문: 캔버스에 여러 개의 공을 그릴 때 각 공의 배경 이미지를 다르게 만들 수 있나요? 지금 하고 싶은 일은 공마다 색깔을 다르게 만들어서 그림으로 채우고 싶은 것입니다. 코드의 일부: {code...} 현재 효과:

大家讲道理 2017-06-14 10:54:28 0  4  1037

javascript - 캔버스에 연필 선 그리기 효과를 얻는 방법

최근에 그린 선화들은 모두 lineto로 했는데, 그림들은 모두 실선이에요. 창작효과 측면에서는 [연필]을 그리는 효과를 내고 싶어요~ 스승님들, 그리는 방법. .

習慣沉默 2017-05-24 11:37:40 0  1  1071

html5 - CSS 애니메이션을 사용한 설명: 공이 위아래로 튀었습니다(지속 시간 2초, 한 번 실행).

CSS 애니메이션을 사용하여 설명: 공이 위아래로 튕겨 나옵니다(지속 시간 2초, 한 번 실행).

巴扎黑 2017-05-16 13:44:36 0  2  726

javascript - 캔버스 처리 이미지 문제

사용자가 업로드한 사진을 처리하려면 캔버스를 사용해야 합니다. 사용자가 업로드한 크기가 매우 클 수 있습니다. 예를 들어 현재 브라우저 창의 너비와 높이를 초과하므로 표시 영역에 비례하여 크기를 조정합니다. 브라우저의 다음 캔버스에 그립니다. 하지만 이는 사용자의 그림을 축소하는 것과 같습니다...

扔个三星炸死你 2017-06-10 09:49:16 0  3  1035

javascript - CANVAS에서 그려진 그래픽을 결정하는 방법

캔버스에 그리는 내용을 어떻게 판단합니까? 예를 들어 선을 사용하여 하트나 V를 그립니다. . 하트인지 V인지 어떻게 판단하나요? . 그리고 두 사람의 그림 사이의 유사성을 판단합니다. 조건은 여러 스트로크가 아닌 한 스트로크일 수 있습니다.

PHP中文网 2017-05-16 13:27:54 0  2  677

javascript - echarts에 의해 생성된 아이콘을 다시 그리는 방법

프로젝트에서는 echarts3가 사용됩니다. 초기화하면 ecart의 원형 차트가 생성되고 쿼리 후에 원형 차트가 다시 생성됩니다. 감사합니다.

某草草 2017-05-16 13:38:52 0  1  730

여러분께 묻고 싶습니다. 이 웹사이트에서 녹화된 비디오를 녹화하는 데 어떤 화면 녹화 소프트웨어가 사용됩니까?

여러분께 묻고 싶습니다. 이 웹사이트에서 녹화된 비디오를 녹화하는 데 어떤 화면 녹화 소프트웨어가 사용됩니까?

极世 2018-04-04 11:49:42 0  3  1393

이미지 태그 편집

이미지 주소를 편집하는 방법

sunshine bloom 2018-01-03 11:20:19 0  1  1460

사진 속 이미지의 종횡비

다음과 같은 제목의 이미지가 있습니다. Title I also have img{max-width:100%} in CSS. 이미지의 너비와 높이를 동시에 설정하고 너비가 설정한 값보다 작아지면 화면 비율을 유지하고 싶습니다. 그래서 다음과 같은 코드를 시도해 보았습니다. 제목 대략 제가 원하는 내용인데, 이미지가 '레터박스'된 경우 제목이 이미지 하단에서 꽤 멀리 떨어져 있습니다. 제목을 이미지 하단에 꼭 맞게 유지하면서 원하는 결과를 얻을 수 있는 방법이 있나요?

P粉557957970 2023-08-17 20:24:04 0  1  515

php - 이미지에 두 개의 워터마크를 추가하거나 세 개의 이미지를 하나의 이미지로 결합합니다.

사진에 두 개의 워터마크를 추가하거나 세 개의 사진을 하나의 사진으로 결합합니다. 하나의 워터마크를 추가하는 것은 괜찮지만 두 개의 워터마크는 작동하지 않습니다.

PHP中文网 2017-06-05 11:09:00 0  3  1047

javascript - 캔버스 페이지에서 마우스를 클릭하면 점의 위치가 그려진 선 위에 있는지 확인하는 방법은 무엇입니까? 그려진 선에서 뭔가가 이벤트를 트리거합니까?

아래에는 밑줄이 그어진 코드 세 부분이 있습니다. 편집 모드에 들어가면 왼쪽 마우스 버튼을 클릭할 때 vcanvas의 해당 위치가 기록됩니다. 내가 클릭한 점이 내가 그린 선분에 있는지 어떻게 알 수 있나요? //밑줄 친 키코드입니다. {code...}

世界只因有你 2017-06-13 09:24:19 0  1  1204

그림 삽입

이미지는 어떤 파일에 넣어야 하나요?

Pervenu 2019-09-22 13:04:29 0  0  1164

배경 이미지를 설정하는 방법, 전체 화면으로 설정하는 방법, 페이지 뒷면에 설정하는 방법(HTML, CSS, JavaScript)

제가 만들고 있는 이 간단한 게임의 배경 이미지를 설정하고 싶지만 이미지를 입력 화면 중앙에 배치하고 모든 페이지 높이와 너비를 덮는 방법을 모르겠습니다. 또한 게임이 이미지 위에 있고 이미지가 기본 레이어가 되도록 이미지를 배경으로 만들고 싶습니다. letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getCompulatedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51 0  2  420

하이차트: 스크롤바가 그리기 영역만 덮도록 만들기

다음은 highcharts 문서의 스크롤바 튜토리얼을 기반으로 한 샘플 차트에 대한 바이올린입니다: https://jsfiddle.net/zao68u2k/1/ 기본 데모에 적용한 유일한 변경 사항은 다음을 통해 마스크를 제거하는 것이었습니다: scrollablePlotArea:{ opacity:1,}이제 마스크가 사라졌으므로 스크롤 막대가 차트의 전체 너비를 차지하는 것은 의미가 없습니다. 그림에서 시뮬레이션한 것처럼 축을 포함하지 않고 플롯 자체의 너비만 되도록 스크롤 막대를 줄이고 싶습니다. 가능합니까?

P粉692052513 2023-09-16 11:04:01 0  1  1045

PHP 이미지 업로드 문제 수정: 여러 게시물에 새 이미지를 업로드하려면 이전 이미지를 교체하세요.

내 PHP 애플리케이션의 이미지 업로드 기능에 문제가 있습니다. 상황은 다음과 같습니다. 사용자가 게시물을 작성하고 게시물과 관련된 이미지를 업로드할 수 있는 양식이 있습니다. 이미지가 첨부된 첫 번째 게시물을 업로드하면 모든 것이 잘 작동하고 이미지가 Uploads라는 폴더 아래 서버에 올바르게 저장되고 이름(예: post1_image.jpg)으로 저장됩니다. 그런데 첫 번째 이미지와 이름이 같은 다른 이미지(예: post1_image.jpg)를 사용하여 두 번째 게시물을 업로드하려고 하면 다음과 같은 질문이 발생합니다.

P粉788765679 2023-09-14 11:27:48 0  1  502