2014-01-18 2 views
0

SVG 이미지를 만들 때 너비, 높이 및 위치를 설정해야합니다. 그렇지 않으면 렌더링되지 않습니다. 원본 이미지에서 어떻게 읽습니까? 다트 사용하기 먼저 html 이미지를로드하고로드 된 후에 크기를 얻은 다음 SVG 이미지를 정의하고 이전에 가져온 정보를 사용합니다. 이것은 약간 번거롭고 다른 방법이 있는지 궁금해했습니다.SVG 이미지의 올바른 크기를 정의하는 최적의 방법

다트 코드는 다음과 같습니다 : (당신이 jQuery를하거나하기위한 방법을 포함하는 다른 프레임 워크를 사용하는 경우를 제외하고도되지 자바 스크립트에서) 더 편리한 방법으로하지 보인다

ImageElement img = new ImageElement(src:'2.jpg'); //401x600 
img.onLoad.listen((e) { 
    svg.ImageElement image = new svg.ImageElement(); 
    image.setAttribute('x', '0'); 
    image.setAttribute('y', '0'); 
    image.setAttribute('width', img.width.toString()); 
    image.setAttribute('height', img.height.toString()); 
    image.getNamespacedAttributes('http://www.w3.org/1999/xlink')['href'] = '2.jpg'; 

}); 

답변

1

.
직접 메서드를 만들고로드 한 각 이미지에 대해 해당 메서드를 다시 사용하면됩니다.

관련 문제