Đối với hình ảnh thực sự phức tạp, hãy sử dụng Adobe Illustrator để thực hiện thiết kế (trình chỉnh sửa thiết kế đẳng cấp thế giới).
Sau đó lưu hình ảnh của bạn ở định dạng .SVG.
BTW, Bạn có thể tải tệp (ví dụ "yourArt.svg") trực tiếp vào thẻ img.
Nhưng, với câu hỏi của bạn, bạn có thể sử dụng thư viện vẽ canvas gọi là FabricJS để đọc svg và vẽ nó vào canvas. Trang web của thư viện là: http://fabricjs.com/
Hoặc, bạn có thể sử dụng công cụ chuyển đổi trực tuyến để chuyển đổi từ Art.svg sang các lệnh vẽ canvas bắt buộc. Bộ chuyển đổi svg-to-canvas phổ biến là: http://www.professorcloud.com/svg-to-canvas/
Các kỹ thuật này có thể yêu cầu tinh chỉnh lệnh vẽ canvas - đặc biệt nếu tác phẩm nghệ thuật của bạn sử dụng các kỹ thuật nâng cao hơn trong Illustrator.
Tác phẩm nghệ thuật của bạn có thể rất phức tạp và vẫn được xử lý! Kiểm tra phần SVG của các bản trình diễn FabricJS: http://fabricjs.com/kitchensink/
Nhìn xung quanh một chút điều này dường như tùy chọn thực tế duy nhất nếu bạn muốn tạo và thao tác một số hình dạng phức tạp. Và các công cụ cho SVG (hoặc định dạng đồ họa vector khác) thực sự là đỉnh cao. –
Một công cụ khác mà bạn có thể sử dụng là [Microsofts Expression Design] (http://msdn.microsoft.com/en-US/expression) có vẻ miễn phí ngay bây giờ. Có tùy chọn để xuất sang SVG. –